编程 Javascript

基于jquery实现的文字淡入淡出效果

Posted in Javascript onNovember 14, 2013

<!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实现的文字淡入淡出效果

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于jquery ajax 调用带参数的webservice返回XML数据一个小细节

Jul 31 Javascript

jquery获取div距离窗口和父级dv的距离示例

Oct 10 Javascript

jQuery中:input选择器用法实例

Jan 03 Javascript

JS传递对象数组为参数给后端,后端获取的实例代码

Jun 28 Javascript

什么是JavaScript中的结果值?

Oct 08 Javascript

详解vue组件化开发-vuex状态管理库

Apr 10 Javascript

vue 实现的树形菜的实例代码

Mar 19 Javascript

详解Vue中使用Echarts的两种方式

Jul 03 Javascript

通过图带你深入了解vue的响应式原理

Jun 21 Javascript

Moment.js实现多个同时倒计时

Aug 26 Javascript

解决vue打包后刷新页面报错：Unexpected token

Aug 27 Javascript

JS实现动态无缝轮播

Jan 11 Javascript

JQuery实现倒计时按钮具体方法

Nov 14 #Javascript

jquery动态增加删除表格行的小例子

Nov 14 #Javascript

js取消单选按钮选中并判断对象是否为空

Nov 14 #Javascript

Javascript call和apply区别及使用方法

Nov 14 #Javascript

javascript 上下banner替换具体实现

Nov 14 #Javascript

javascript scrollTop正解使用方法

Nov 14 #Javascript

简单的Jquery遮罩层代码实例

Nov 14 #Javascript