手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery fadeTo方法调整图片的透明度使用介绍
jQuery fadeTo方法调整图片的透明度使用介绍
摘要:复制代码代码如下:.imgclass{width:300px;height:300px;border:solid1pxred;}$(func...

复制代码 代码如下:

<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" />

</td>

</tr>

</table>

</body>

【jQuery fadeTo方法调整图片的透明度使用介绍】相关文章:

jquery.validate使用时遇到的问题

angular2使用简单介绍

jQuery插件expander实现图片翻转特效

jquery使用each方法遍历json格式数据实例

jQuery中 prop() attr()使用详解

JS中的Replace方法使用经验分享

jQuery替换textarea中换行的方法

JQuery中Text方法用法实例分析

JavaScript中reduce()方法的使用详解

JQuery球队选择实例

精品推荐
分类导航