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 面向对象编程基础:封装
Aug 21 Javascript
JQuery中的ready函数冲突的解决方法
May 17 Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 Javascript
jquery滚动条插件jScrollPane的使用介绍
Nov 08 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
JavaScript驾驭网页-获取网页元素
Mar 24 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
浅谈vuex 闲置状态重置方案
Jan 04 Javascript
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
Axios代理配置及封装响应拦截处理方式
Apr 07 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
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
一个PHP的String类代码
2010/04/20 PHP
页面利用渐进式JPEG来提升用户体验度
2014/12/01 PHP
PHP微信开发之查询微信精选文章
2016/06/23 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
jquery删除提示框弹出是否删除对话框
2014/01/07 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
无缝滚动的简单实现代码(推荐)
2016/06/07 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
jquery实现input框获取焦点的方法
2017/02/06 Javascript
Angular X中使用ngrx的方法详解(附源码)
2017/07/10 Javascript
js编写简单的计时器功能
2017/07/15 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
[02:28]DOTA2亚洲邀请赛附加赛 RECAP赛事回顾
2015/01/29 DOTA
[01:01:52]完美世界DOTA2联赛PWL S2 GXR vs Magma 第二场 11.25
2020/11/26 DOTA
python 统计代码行数简单实例
2017/05/04 Python
Python中关于Sequence切片的下标问题详解
2017/06/15 Python
python安装Scrapy图文教程
2017/08/14 Python
Django 使用logging打印日志的实例
2018/04/28 Python
python实现视频分帧效果
2019/05/31 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
解析浏览器的一些“滚动”行为鉴赏
2019/09/16 HTML / CSS
Bose法国官网:购买耳机、扬声器、家庭影院、专业音响
2017/12/21 全球购物
SKECHERS斯凯奇中国官网:来自美国的运动休闲品牌
2018/11/14 全球购物
俄罗斯游戏商店:Buka
2020/03/01 全球购物
舞蹈教育学专业推荐信
2013/11/27 职场文书
优秀技术工人先进材料
2014/02/17 职场文书
求职意向书
2014/07/29 职场文书
高速铁道技术专业求职信
2014/08/09 职场文书
房屋租赁合同解除协议书
2014/10/11 职场文书
springboot+rabbitmq实现智能家居实例详解
2022/07/23 Java/Android