基于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> 
Javascript 相关文章推荐
根据鼠标的位置动态的控制层的位置
Nov 24 Javascript
游览器中javascript的执行过程(图文)
May 20 Javascript
JavaScript面向对象(极简主义法minimalist approach)
Jul 17 Javascript
jQuery之尺寸调整组件的深入解析
Jun 19 Javascript
node.js实现逐行读取文件内容的代码
Jun 27 Javascript
JS实现控制表格单元格垂直对齐的方法
Mar 30 Javascript
深入理解$.each和$(selector).each
May 15 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
Dec 19 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
JavaScript之实现一个简单的Vue示例
Jan 17 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 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
You might like
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
在PHP中执行系统外部命令
2006/10/09 PHP
php setcookie(name, value, expires, path, domain, secure) 参数详解
2013/06/28 PHP
php页码形式分页函数支持静态化地址及ajax分页
2014/03/28 PHP
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
php从身份证获取性别和出生年月
2017/02/09 PHP
js event事件的传递与冒泡处理
2009/12/06 Javascript
JS面向对象编程之对象使用分析
2010/08/19 Javascript
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
javascript获取隐藏dom的宽高 具体实现
2013/07/14 Javascript
js中通过父级进行查找定位元素
2014/06/15 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
2015/07/29 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
Bootstrap图片轮播组件使用实例解析
2016/06/30 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
2016/10/12 Javascript
js 调用百度分享功能
2017/02/27 Javascript
JS模拟浏览器实现全局搜索功能
2019/09/11 Javascript
JavaScript进阶(一)变量声明提升实例分析
2020/05/09 Javascript
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
[41:11]完美世界DOTA2联赛PWL S2 Inki vs Magma 第一场 11.22
2020/11/24 DOTA
Python3中的2to3转换工具使用示例
2015/06/12 Python
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
Python使用sorted排序的方法小结
2017/07/28 Python
简单瞅瞅Python vars()内置函数的实现
2019/09/27 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
python numpy库np.percentile用法说明
2020/06/08 Python
Html5+JS实现手机摇一摇功能
2015/04/24 HTML / CSS
表演方阵解说词
2014/02/08 职场文书
副处级干部考察材料
2014/05/17 职场文书
工作简报格式范文
2015/07/21 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书