基于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实现的激活输入框后隐藏初始内容
Jun 29 Javascript
javascript实现的网页局布刷新效果
Dec 01 Javascript
利用jQuery实现可输入搜索文字的下拉框
Oct 23 Javascript
ajax请求get与post的区别总结
Nov 04 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 Javascript
JavaScript中使用typeof运算符需要注意的几个坑
Nov 08 Javascript
js格式化时间的方法
Dec 18 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
Jan 08 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
Vue.js第三天学习笔记(计算属性computed)
Dec 01 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
微信小程序自定义头部导航栏(组件化)
Nov 15 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
php读取30天之内的根据算法排序的代码
2008/04/06 PHP
PHP 变量定义和变量替换的方法
2009/07/30 PHP
第三章 php操作符与控制结构代码
2011/12/30 PHP
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
简单常用的幻灯片播放实现代码
2013/09/25 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
浅谈jQuery中的checkbox问题
2016/08/10 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
Node.js 的模块知识汇总
2017/08/16 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
在Vue中使用icon 字体图标的方法
2019/06/14 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
Python 开发Activex组件方法
2009/11/08 Python
Python greenlet实现原理和使用示例
2014/09/24 Python
你应该知道的python列表去重方法
2017/01/17 Python
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
python 将dicom图片转换成jpg图片的实例
2020/01/13 Python
Python接口测试结果集实现封装比较
2020/05/01 Python
CSS3 实现时间轴动画
2020/11/25 HTML / CSS
HTML5 对各个标签的定义与规定:body的介绍
2012/06/21 HTML / CSS
Crocs波兰官方商店:女鞋、男鞋、童鞋、洞洞鞋
2019/10/08 全球购物
毕业生文员求职信
2013/11/03 职场文书
党员承诺书怎么写
2014/05/20 职场文书
人事任命书范文
2014/06/04 职场文书
男方婚前保证书
2015/02/28 职场文书
药店营业员岗位职责
2015/04/14 职场文书
2015年领班工作总结
2015/04/29 职场文书
2015年党支部书记工作总结
2015/05/21 职场文书
高中政治教学反思
2016/02/23 职场文书