基于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 相关文章推荐
Javascript中eval函数的使用方法与示例
Apr 09 Javascript
JavaScript 学习笔记(十二) dom
Jan 21 Javascript
JavaScript中的类继承
Nov 25 Javascript
Jquery中对数组的操作代码
Aug 12 Javascript
js批量设置样式的三种方法不推荐使用with
Feb 25 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 Javascript
Javascript中的迭代、归并方法详解
Jun 14 Javascript
在Docker快速部署Node.js应用的详细步骤
Sep 02 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
Dec 02 Javascript
5 种JavaScript编码规范
Jan 30 Javascript
vuex进阶知识点巩固
May 20 Javascript
vue中keep-alive内置组件缓存的实例代码
Apr 16 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
地摊中国 - 珍藏老照片
2020/08/18 杂记
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
PHP下编码转换函数mb_convert_encoding与iconv的使用说明
2009/12/16 PHP
PHP错误提示的关闭方法详解
2013/06/23 PHP
php提交表单发送邮件的方法
2015/03/20 PHP
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
php ajax实现文件上传进度条
2016/03/29 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
php表单习惯用的正则表达式
2017/10/11 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
JQuery实现动态添加删除评论的方法
2015/05/18 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
2018/09/21 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
微信小程序wx.request的简单封装
2019/11/13 Javascript
详解Django框架中用户的登录和退出的实现
2015/07/23 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
python matplotlib绘图,修改坐标轴刻度为文字的实例
2018/05/25 Python
Python列表(List)知识点总结
2019/02/18 Python
Python实现进度条和时间预估的示例代码
2020/06/02 Python
Keras 使用 Lambda层详解
2020/06/10 Python
Python通过类的组合模拟街道红绿灯
2020/09/16 Python
实例讲解利用HTML5 Canvas API操作图形旋转的方法
2016/03/22 HTML / CSS
龟牌英国商店:Turtle Wax Brand Store UK
2019/07/02 全球购物
如何打开WebSphere远程debug
2014/10/10 面试题
说出你对remoting 和webservice的理解和应用
2014/06/08 面试题
建筑行业的大学生自我评价
2013/12/08 职场文书
商业项目策划方案
2014/06/05 职场文书
学生党员批评与自我批评
2014/10/15 职场文书
人民检察院起诉书
2015/05/20 职场文书
电影雨中的树观后感
2015/06/15 职场文书
关于React Native使用axios进行网络请求的方法
2021/08/02 Javascript
mysql主从复制的实现步骤
2021/10/24 MySQL