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 html 静态页面传参数
Apr 10 Javascript
jquery下jstree简单应用 - v1.0
Apr 14 Javascript
事件绑定之小测试  onclick &amp;&amp; addEventListener
Jul 31 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
May 13 Javascript
JavaScript基础函数整理汇总
Jan 30 Javascript
jQuery Ajax使用FormData对象上传文件的方法
Sep 07 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
深入理解vue.js双向绑定的实现原理
Dec 05 Javascript
js 颜色选择插件
Jan 23 Javascript
详解angularJs指令的3种绑定策略
Apr 13 Javascript
Node 搭建一个静态资源服务器的实现
May 20 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
Jun 05 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
亚洲咖啡有什么?亚洲咖啡产地介绍 亚洲咖啡有什么特点?
2021/03/05 新手入门
PHP依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
php多线程实现方法及用法实例详解
2015/10/26 PHP
php设计模式之享元模式分析【星际争霸游戏案例】
2020/03/23 PHP
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
js比较日期大小的方法
2015/05/12 Javascript
javascript带回调函数的异步脚本载入方法实例分析
2015/07/02 Javascript
使用JQuery 加载页面时调用JS的实现方法
2016/05/30 Javascript
js实现点击每个li节点,都弹出其文本值及修改
2016/12/15 Javascript
nodejs+express实现文件上传下载管理网站
2017/03/15 NodeJs
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
vue.js国际化 vue-i18n插件的使用详解
2017/07/07 Javascript
深入理解ES7的async/await的用法
2017/09/09 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
2019/01/18 jQuery
javascript事件监听与事件委托实例详解
2019/08/16 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
2020/02/20 Javascript
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python 编码Basic Auth使用方法简单实例
2017/05/25 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
解决csv.writer写入文件有多余的空行问题
2018/07/06 Python
在python中安装basemap的教程
2018/09/20 Python
Flask实现跨域请求的处理方法
2018/09/27 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
Python-for循环的内部机制
2020/06/12 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
2013/01/06 HTML / CSS
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
2013/01/09 HTML / CSS
澳大利亚买卖正宗二手奢侈品交易平台:Luxe.It.Fwd
2019/10/16 全球购物
活动总结模板
2014/05/09 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
公务员党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
MySQL 数据 data 基本操作
2022/05/04 MySQL