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 相关文章推荐
腾讯的ip接口 方便获取当前用户的ip地理位置
Nov 25 Javascript
基于jquery的一行代码轻松实现拖动效果
Dec 28 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
Jan 15 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
js控制页面的全屏展示和退出全屏显示的方法
Mar 10 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
JS中IP地址与整数相互转换的实现代码
Apr 10 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
Oct 16 Javascript
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
Apr 25 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 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的ob_start();控制您的浏览器cache!
2006/11/25 PHP
PHP MSSQL 存储过程的方法
2008/12/24 PHP
关于php内存不够用的快速解决方法
2013/10/26 PHP
微信自定义菜单的处理开发示例
2015/04/16 PHP
PHP中如何使用session实现保存用户登录信息
2015/10/20 PHP
在WordPress中实现发送http请求的相关函数解析
2015/12/29 PHP
js 鼠标点击事件及其它捕获
2009/06/04 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
jQuery应用之jQuery链用法实例
2015/01/19 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
2015/08/21 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
JS闭包与延迟求值用法示例
2016/12/22 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
javascript trie前缀树的示例
2018/01/29 Javascript
如何让node运行es6模块文件及其原理详解
2018/12/11 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
小程序采集录音并上传到后台
2019/11/22 Javascript
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
Python3字符串学习教程
2015/08/20 Python
Python实现FTP文件传输的实例
2019/07/07 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
Python3实现二叉树的最大深度
2019/09/30 Python
python numpy数组复制使用实例解析
2020/01/10 Python
Django数据库操作之save与update的使用
2020/04/01 Python
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
定制别致的瑜伽垫:Sugarmat
2019/06/21 全球购物
商业活动邀请函
2014/02/04 职场文书
优秀实习生感言
2014/03/01 职场文书
师德建设实施方案
2014/03/21 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
融资合作协议书范本
2014/10/17 职场文书
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript