基于jquery实现的文字淡入淡出效果
更新时间:2013年11月14日 17:25:42 作者:
这篇文章介绍了jquery实现的文字淡入淡出效果实例,有需要的朋友可以参考一下
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript" src="../../jquery-1.7.1.min.js">
</script>
<script language="javascript">
$(document).ready(function(){
$("#btn1").toggle(function(){
$("p").fadeOut("slow");
},function(){
$("p").fadeIn("slow");
});
$("#btn2").toggle(function(){
$("p").fadeTo("slow",0.66);
},function(){
$("p").fadeTo("slow",0.66);
});
});
</script>
</head>
<body>
<p style="background:#3F3">this is pi<br>
this is pi<br>
this is pi<br>
this is pi<br>
this is pi<br>
this is pi<br>
</p>
<input type="button" value="淡入/淡出" id="btn1">
</body>
<input type="button" value="淡入/淡出 效果 透明度0.66" id="btn2">
</html>
相关文章
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID"),使用jquery的朋友可以参考下。2011-08-08jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
这篇文章主要介绍了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果,具有穿越iframe的功能,涉及jQuery的EasyUI插件属性操作相关技巧,需要的朋友可以参考下2016-08-08关于jQuery中的each方法(jQuery到底干了什么)
这篇文章主要介绍了关于jQuery中的each方法,需要的朋友可以参考下2014-03-03jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
这篇文章主要介绍了jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-08-08jQuery Ajax实现Select多级关联动态绑定数据的实例代码
这篇文章主要介绍了jQuery Ajax实现Select多级关联动态绑定数据的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下2018-10-10
最新评论