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 相关文章推荐
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
小型js框架veryide.librar源代码
Mar 05 Javascript
javascript学习笔记(六) Date 日期类型
Jun 19 Javascript
jquery实现div拖拽宽度示例代码
Jul 31 Javascript
javascript背景时钟实现方法
Jun 18 Javascript
Jquery常用的方法汇总
Sep 01 Javascript
深入理解jQuery事件绑定
Jun 02 Javascript
JS实现倒计时(天数、时、分、秒)
Nov 16 Javascript
学习使用bootstrap的modal和carousel
Dec 09 Javascript
微信小程序  http请求封装详解及实例代码
Feb 15 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
基于vue+echarts数据可视化大屏展示的实现
Dec 25 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
mysql 全文搜索 技巧
2007/04/27 PHP
PHP下对字符串的递增运算代码
2010/08/21 PHP
php计算年龄精准到年月日
2015/11/17 PHP
thinkphp5框架路由原理与用法详解
2020/02/11 PHP
js 替换
2008/02/19 Javascript
Java 正则表达式学习总结和一些小例子
2012/09/13 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
JS实现控制表格行内容垂直对齐的方法
2015/03/30 Javascript
jQuery焦点图轮播特效代码分享(3款)
2015/09/05 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2017/01/22 Javascript
JScript实现表格的简单操作
2017/08/15 Javascript
vue移动端实现红包雨效果
2020/06/23 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
详谈Python基础之内置函数和递归
2017/06/21 Python
Django forms组件的使用教程
2018/10/08 Python
一篇文章弄懂Python中所有数组数据类型
2019/06/23 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
什么是Python变量作用域
2020/06/03 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
HTML5拍照和摄像机功能实战详解
2019/01/24 HTML / CSS
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
澳大利亚在线性感内衣商店:Fantasy Lingerie
2021/02/07 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2016/07/11 面试题
竞选班长演讲稿
2013/12/30 职场文书
开展党的群众路线教育实践活动方案
2014/02/05 职场文书
信息专业毕业生五年职业规划参考
2014/02/06 职场文书
新春文艺演出主持词
2014/03/27 职场文书
安全生产承诺书范文
2014/05/22 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
销售开票员岗位职责
2015/04/15 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
观后感的写法
2015/06/19 职场文书
消夏晚会主持词
2015/06/30 职场文书
Python中requests做接口测试的方法
2021/05/30 Python