jQuery fadeTo方法调整图片的透明度使用介绍


Posted in Javascript onMay 06, 2013
<head> 
<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 () { 
$('#Select1').change(function () { 
var thevalue = $(this).val(); 
$('img').fadeTo(2000, thevalue); 
}) 
}) 
</script> 
</head> 
<body> 
<table> 
<tr> 
<td> 
透明度: 
<select id="Select1"> 
<option value="0">0</option> 
<option value="0.2">0.2</option> 
<option value="0.4">0.4</option> 
<option value="0.6">0.6</option> 
<option value="0.8">0.8</option> 
<option value="1">1</option> 
</select> 
</td> 
<td> 
<img src="images/泪奔1.gif" class="imgclass" /> 
</td> 
</tr> 
</table> 
</body>
Javascript 相关文章推荐
用JavaScript脚本实现Web页面信息交互
Dec 21 Javascript
JQuery从头学起第二讲
Jul 04 Javascript
jQuery的context属性用法实例
Dec 27 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
Oct 17 Javascript
JS使用cookie实现只出现一次的广告代码效果
Apr 22 Javascript
React + webpack 环境配置的方法步骤
Sep 07 Javascript
详解react、redux、react-redux之间的关系
Apr 11 Javascript
webpack实现一个行内样式px转vw的loader示例
Sep 13 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
Jul 16 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 Javascript
使用eslint和githooks统一前端风格的技巧
Jul 29 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 #Javascript
jQuery动画animate方法使用介绍
May 06 #Javascript
JS修改css样式style浅谈
May 06 #Javascript
用JavaScript修改CSS属性的代码
May 06 #Javascript
Jquery带搜索框的下拉菜单
May 06 #Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
May 05 #Javascript
jquery高效反选具体实现
May 05 #Javascript
You might like
PHP 数组实例说明
2008/08/18 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
php实现姓名根据首字母排序的类与方法(实例代码)
2018/05/16 PHP
laravel请求参数校验方法
2019/10/10 PHP
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
js实现两点之间画线的方法
2015/05/12 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
2016/11/07 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
微信小程序实现图片压缩功能
2018/01/26 Javascript
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
Vue面试题及Vue知识点整理
2018/10/07 Javascript
Node使用Nodemailer发送邮件的方法实现
2020/02/24 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
理解Python垃圾回收机制
2016/02/12 Python
python2.7的编码问题与解决方法
2016/10/04 Python
简单谈谈python中的语句和语法
2017/08/10 Python
python实现简单淘宝秒杀功能
2018/05/03 Python
用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)
2019/01/08 Python
Python异常处理例题整理
2019/07/07 Python
python 服务器运行代码报错ModuleNotFoundError的解决办法
2020/09/16 Python
canvas如何实现多张图片编辑的图片编辑器
2020/03/10 HTML / CSS
台湾团购、宅配和优惠券:17Life
2017/08/14 全球购物
职工趣味运动会方案
2014/02/10 职场文书
党支部书记岗位责任制
2014/02/11 职场文书
服务行业口号
2014/06/11 职场文书
年终晚会活动方案
2014/08/21 职场文书
2014年班组工作总结
2014/11/20 职场文书
人事局接收函
2015/01/30 职场文书
第28个世界无烟日活动总结
2015/02/10 职场文书
企业财务管理制度范本
2015/08/04 职场文书
手写实现JS中的new
2021/11/07 Javascript