编程 Javascript

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编程起步（第五课）

Jan 10 Javascript

javaScript Array（数组）相关方法简述

Jul 25 Javascript

JQuery 常用操作代码

Mar 14 Javascript

Node.js和PHP根据ip获取地理位置的方法

Mar 14 Javascript

js获取url中的参数且参数为中文时通过js解码

Mar 19 Javascript

详解JavaScript中操作符和表达式

Sep 12 Javascript

vue头部导航动态点击处理方法

Nov 02 Javascript

Vue实现移动端页面切换效果【推荐】

Nov 13 Javascript

ES6中Symbol、Set和Map用法详解

Aug 20 Javascript

vue实现修改图片后实时更新

Nov 14 Javascript

微信小程序实现轨迹回放的示例代码

Dec 13 Javascript

vue实现移动端触屏拖拽功能

Aug 21 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中定时计划任务的实现原理

2013/01/08 PHP

PHP实现的最大正向匹配算法示例

2017/12/19 PHP

laravel框架添加数据,显示数据,返回成功值的方法

2019/10/11 PHP

你可能不再需要JQUERY

2021/03/09 Javascript

JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)

2013/11/25 Javascript

js实现鼠标触发图片抖动效果的方法

2015/02/27 Javascript

jquery实现简单手风琴菜单效果实例

2015/06/13 Javascript

Javascript中常见的逻辑题和解决方法

2016/09/17 Javascript

jQuery select自动选中功能实现方法分析

2016/11/28 Javascript

Bootstrap源码解读导航（6）

2016/12/23 Javascript

bootstrap模态框远程示例代码分享

2017/05/22 Javascript

用最简单的方法判断JavaScript中this的指向(推荐)

2017/09/04 Javascript

JS面向对象的程序设计相关知识小结

2018/05/26 Javascript

JavaScript解决浮点数计算不准确问题的方法分析

2018/07/09 Javascript

微信小程序canvas实现刮刮乐效果

2018/07/09 Javascript

微信小程序自定义底部弹出框

2020/11/16 Javascript

antd组件Upload实现自己上传的实现示例

2018/12/18 Javascript

Vue中inheritAttrs的使用实例详解

2020/12/31 Vue.js

[01:07:19]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第一场

2018/04/06 DOTA

简介Python中用于处理字符串的center()方法

2015/05/18 Python

在Django的模板中使用认证数据的方法

2015/07/23 Python

解决python2.7用pip安装包时出现错误的问题

2017/01/23 Python

浅谈Python实现贪心算法与活动安排问题

2017/12/19 Python

python制作抖音代码舞

2019/04/07 Python

python 利用pyttsx3文字转语音过程详解

2019/09/25 Python

python对数组进行排序,并输出排序后对应的索引值方式

2020/02/28 Python

Herschel美国官网：背包、手提袋及配件

2020/03/10 全球购物

成龙霸王洗发水广告词

2014/03/14 职场文书

和解协议书

2014/04/16 职场文书

化妆品活动策划方案

2014/05/23 职场文书

工厂门卫的岗位职责

2014/07/27 职场文书

感恩教师节演讲稿

2014/09/03 职场文书

县政府班子个人对照检查材料

2014/10/05 职场文书

常务副县长“三严三实”对照检查材料思想汇报

2014/10/05 职场文书

公司授权委托书

2014/10/17 职场文书

上下班时间调整通知

2015/04/23 职场文书