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

jQuery fadeTo方法调整图片的透明度使用介绍

2018-10-12 14:02 916 查看


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

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航