基于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 相关文章推荐
关于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
You might like
CI(CodeIgniter)框架配置
2014/06/10 PHP
strpos() 函数判断字符串中是否包含某字符串的方法
2019/01/16 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
javascript 混合的构造函数和原型方式,动态原型方式
2009/12/07 Javascript
JavaScript 面向对象编程(1) 基础
2010/05/18 Javascript
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
AngularJS入门教程引导程序
2016/08/18 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
javascript  数组排序与对象排序的实例
2017/07/17 Javascript
Vue代码分割懒加载的实现方法
2017/11/23 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
2018/02/21 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
在Vue 中实现循环渲染多个相同echarts图表
2020/07/20 Javascript
浅析python实现scrapy定时执行爬虫
2018/03/04 Python
python更改已存在excel文件的方法
2018/05/03 Python
python查找指定文件夹下所有文件并按修改时间倒序排列的方法
2018/10/21 Python
浅谈pycharm下找不到sqlalchemy的问题
2018/12/03 Python
Windows下Anaconda和PyCharm的安装与使用详解
2020/04/23 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
2013/06/06 HTML / CSS
do you have any Best Practice for testing
2016/06/04 面试题
公务员培训心得体会
2013/12/28 职场文书
社区消防工作实施方案
2014/03/21 职场文书
文明班级建设方案
2014/05/15 职场文书
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
美食节目策划方案
2014/05/31 职场文书
小学教师个人总结
2015/02/05 职场文书
给老师的保证书怎么写
2015/05/09 职场文书
关于童年的读书笔记
2015/06/26 职场文书
幼儿园大班教育随笔
2015/08/14 职场文书
《认识钟表》教学反思
2016/02/16 职场文书
《唯一的听众》教学反思
2016/02/18 职场文书