手机
当前位置:查字典教程网 >编程开发 >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方法调整图片的透明度使用介绍】相关文章:

鼠标图片振动代码

JavaScript中的italics()方法的使用介绍

JavaScript中fixed()方法的使用简介

JavaScript中的parse()方法使用简介

AngularJS中的一些常用指令介绍

JavaScript中的sub()方法的使用介绍

JQuery中attr方法和removeAttr方法用法实例

javascript中FOREACH数组方法使用示例

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

angular2使用简单介绍

精品推荐
分类导航