jQuery写fadeTo示例代码


Posted in Javascript onFebruary 21, 2014
<title></title> 
<style type="text/css"> 
.imgclass{ width:300px; height:300px; border:solid 1px red;} 
</style> 
<script src="jquery-1.9.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$('#Button1').bind('click', function () { 
$('img').fadeOut(2000, function () { 
$('#Button1').val('哎,没了'); 
}); 
}) 
$('#Button2').bind('click', function () { 
$('img').fadeIn(2000, function () { 
$('#Button2').val('有了'); 
}); 
}) 
$('#Button3').bind('click', function () { 
$('img').fadeTo(2000, 0.3, function () { 
alert('动画执行完毕'); 
}); 
}) 
}) 
</script> 
</head> 
<body> 
<div> 
<div> 
<input id="Button1" type="button" value="淡出" /><input id="Button2" type="button" value="淡入" /><input id="Button3" type="button" value="指定透明度" /></div> 
<div><img src="images/1.jpg" class="imgclass"/></div> 
</div> 
</body>
Javascript 相关文章推荐
jquery星级插件、支持页面中多次使用
Mar 25 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
jQuery实现的表格展开伸缩效果实例
Sep 07 Javascript
通过jquery实现页面的动画效果(实例代码)
Sep 18 Javascript
vue多级多选菜单组件开发
Sep 08 Javascript
ionic2 tabs 图标自定义实例
Mar 08 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
node app 打包工具pkg的具体使用
Jan 17 Javascript
vue图片加载失败时用默认图片替换的方法
Aug 29 Javascript
antd-日历组件,前后禁止选择,只能选中间一部分的实例
Oct 29 Javascript
微信小程序实现首页弹出广告
Dec 03 Javascript
iframe父页面获取子页面参数的方法
Feb 21 #Javascript
表单序列化与jq中的serialize使用示例
Feb 21 #Javascript
常规表格多表头查询示例
Feb 21 #Javascript
Javascript中引用示例介绍
Feb 21 #Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 #Javascript
js 删除数组的几种方法小结
Feb 21 #Javascript
jquery制作居中遮罩层效果分享
Feb 21 #Javascript
You might like
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
php eval函数用法 PHP中eval()函数小技巧
2012/10/31 PHP
php实现MD5加密16位(不要默认的32位)
2013/08/12 PHP
详解PHP中的状态模式编程
2015/08/11 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
javascript 精粹笔记
2010/05/09 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
javascript的创建多行字符串的7种方法
2014/04/29 Javascript
jQuery实现带有洗牌效果的动画分页实例
2015/08/31 Javascript
js实现开启密码大写提示
2016/12/21 Javascript
vuejs父子组件通信的问题
2017/01/11 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
2019/04/23 jQuery
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
OpenLayers3实现图层控件功能
2020/09/25 Javascript
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
Python打印输出数组中全部元素
2018/03/13 Python
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
Python-for循环的内部机制
2020/06/12 Python
利用scikitlearn画ROC曲线实例
2020/07/02 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
python3从网络摄像机解析mjpeg http流的示例
2020/11/13 Python
python中用ggplot绘制画图实例讲解
2021/01/26 Python
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
时尚休闲吧创业计划书
2014/01/25 职场文书
财务支持类个人的自我评价
2014/02/14 职场文书
外贸采购员岗位职责
2014/03/08 职场文书
工商行政管理专业求职书
2014/05/23 职场文书
标准单位租车协议书
2014/09/23 职场文书
初中优秀学生评语
2014/12/29 职场文书
感恩母亲节活动总结
2015/02/10 职场文书
领导莅临指导欢迎词
2015/09/30 职场文书
《乘法分配律》教学反思
2016/02/24 职场文书
台积电称即便经济低迷也没有降价的计划
2022/04/21 数码科技