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 相关文章推荐
检测jQuery.js是否已加载的判断代码
May 20 Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
微信WeixinJSBridge API使用实例
May 25 Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
Js利用prototype自定义数组方法示例
Oct 20 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
Jul 19 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
Jul 18 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
Sep 04 Javascript
vue2的 router在使用过程中遇到的一些问题
Apr 13 Vue.js
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
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
PHP通过插入mysql数据来实现多机互锁实例
2014/11/05 PHP
php实现改变图片直接打开为下载的方法
2015/04/14 PHP
一波PHP中cURL库的常见用法代码示例
2016/05/06 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
bindParam和bindValue的区别以及在Yii2中的使用详解
2018/03/12 PHP
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
2015/11/26 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
2017/02/13 Javascript
echart简介_动力节点Java学院整理
2017/08/11 Javascript
详解Vue取消eslint语法限制
2018/08/04 Javascript
vue微信分享到朋友圈 vue微信发送给好友
2018/11/28 Javascript
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
2020/12/05 Javascript
[01:50]2014DOTA2西雅图邀请赛 专访欢乐周宝龙
2014/07/08 DOTA
python实现跨excel的工作表sheet之间的复制方法
2018/05/03 Python
django多文件上传,form提交,多对多外键保存的实例
2019/08/06 Python
Python关于反射的实例代码分享
2020/02/20 Python
Python使用windows设置定时执行脚本
2020/11/12 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
网络体系结构及协议的定义
2014/03/13 面试题
高级文秘工作总结的自我评价
2013/09/28 职场文书
夫妻分居协议书范本(有子女版)
2014/11/01 职场文书
后勤工作个人总结
2015/02/28 职场文书
2015年上半年物业工作总结
2015/03/30 职场文书
收银员岗位职责范本
2015/04/07 职场文书
劳动仲裁调解书
2015/05/20 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
公务员的复习计划书,请收下!
2019/07/15 职场文书
MySQL学习必备条件查询数据
2022/03/25 MySQL