您的位置：首页 > Web前端 > JQuery

jQuery的fadeTo方法调整图片的透明度

2013-05-06 15:45 337 查看
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航