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 简短几句代码实现给元素动态添加及获取提示信息
Sep 01 Javascript
Javascript 浮点运算的问题分析与解决方法
Aug 27 Javascript
javascript解三阶幻方(九宫格)
Apr 22 Javascript
javascript 闭包详解
Jul 02 Javascript
angularjs表格ng-table使用备忘录
Mar 09 Javascript
JavaScript实现的微信二维码图片生成器的示例
Oct 26 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
SeaJS中use函数用法实例分析
Oct 10 Javascript
bootstrap与pagehelper实现分页效果
Dec 29 Javascript
浅谈KOA2 Restful方式路由初探
Mar 14 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
Apr 15 Javascript
Vue环境搭建+VSCode+Win10的详细教程
Aug 19 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
php目录遍历函数opendir用法实例
2014/11/20 PHP
smarty内部日期函数html_select_date()用法实例分析
2015/07/08 PHP
PHP连接SQL Server的方法分析【基于thinkPHP5.1框架】
2019/05/06 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
一段批量给页面上的控件赋值js
2010/06/19 Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
2010/10/20 Javascript
JS中使用sort结合localeCompare实现中文排序实例
2014/07/23 Javascript
js的toLowerCase方法用法实例
2015/01/27 Javascript
jQuery zTree加载树形菜单功能
2016/02/25 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
移动端手指放大缩小插件与js源码
2017/05/22 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
详解vue组件中使用路由方法
2019/02/12 Javascript
javascript中数组的常用算法深入分析
2019/03/12 Javascript
JavaScript惰性载入函数实例分析
2019/03/27 Javascript
基于vue和websocket的多人在线聊天室
2020/02/01 Javascript
JS如何实现手机端输入验证码效果
2020/05/13 Javascript
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
python遍历数组的方法小结
2015/04/30 Python
详解python实现线程安全的单例模式
2018/03/05 Python
python如何统计序列中元素
2020/07/31 Python
python输出决策树图形的例子
2019/08/09 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
Keras构建神经网络踩坑(解决model.predict预测值全为0.0的问题)
2020/07/07 Python
python打包生成so文件的实现
2020/10/30 Python
Pycharm 设置默认解释器路径和编码格式的操作
2021/02/05 Python
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
环境科学专业研究生求职信
2013/10/02 职场文书
《我为你骄傲》教学反思
2014/02/20 职场文书
学校运动会广播稿
2014/10/11 职场文书
学校政风行风整改方案
2014/10/25 职场文书
小学英语复习计划
2015/01/19 职场文书
雷峰塔导游词
2015/02/09 职场文书
MySQL解决Navicat设置默认字符串时的报错问题
2022/06/16 MySQL