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 相关文章推荐
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
Feb 03 Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
Oct 24 Javascript
使用JavaScript获取电池状态的方法
May 03 Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 Javascript
原生js和jQuery实现淡入淡出轮播效果
Dec 25 Javascript
Vue.js每天必学之计算属性computed与$watch
Sep 05 Javascript
原生JS中slice()方法和splice()区别
Mar 06 Javascript
JS简单实现自定义右键菜单实例
May 31 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
微信小程序实现省市区三级地址选择
Jun 21 Javascript
Vuepress 搭建带评论功能的静态博客的实现
Feb 17 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实现的下载css文件中的图片的代码
2010/02/08 PHP
php在文件指定行中写入代码的方法
2012/05/23 PHP
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
php限制ip地址范围的方法
2015/03/31 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
Javascript表单验证要注意的事项
2014/09/29 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
2015/02/05 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
js流动式效果显示当前系统时间
2016/05/16 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
2017/06/28 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
2018/09/15 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
详解Python中的Cookie模块使用
2015/07/06 Python
浅谈Python 的枚举 Enum
2017/06/12 Python
spyder常用快捷键(分享)
2017/07/19 Python
从django的中间件直接返回请求的方法
2018/05/30 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
Python 词典(Dict) 加载与保存示例
2019/12/06 Python
python中id函数运行方式
2020/07/03 Python
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
党支部班子“四风”问题自我剖析材料
2014/09/28 职场文书
山东省召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
惊天动地观后感
2015/06/10 职场文书
幼儿园开学家长寄语(2016春季)
2015/12/03 职场文书
七年级作文(600字3篇)
2019/09/24 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
mysql 获取相邻数据项
2022/05/11 MySQL
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript