jQuery fadeTo方法調(diào)整圖片的透明度使用介紹
更新時間:2013年05月06日 17:49:46 作者:
利用jquery的fadeTo方法可以簡單的制作一些很不錯的動畫效果.可以使圖片或者文字或者區(qū)塊以不同的透明度效果出現(xiàn).例如以下練習實例,感興趣的朋友可以參考下哈
復制代碼 代碼如下:
<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>
您可能感興趣的文章:
- jQuery移動頁面開發(fā)中的觸摸事件與虛擬鼠標事件簡介
- jQuery鼠標事件匯總
- jQuery響應鼠標事件并隱藏與顯示input默認值
- IE8下jQuery改變png圖片透明度時出現(xiàn)的黑邊
- 使用jQuery實現(xiàn)圖片遮罩半透明墜落遮擋
- jQuery圖片輪播的具體實現(xiàn)
- 基于Jquery的簡單圖片切換效果
- Jquery實現(xiàn)點擊切換圖片并隱藏顯示內(nèi)容(2種方法實現(xiàn))
- jQuery-onload讓第一次頁面加載時圖片是淡入方式顯示
- Jquery中使用show()與hide()方法動畫顯示和隱藏圖片
- jQuery實現(xiàn)響應鼠標事件的圖片透明效果【附demo源碼下載】
相關文章
Jquery中使用show()與hide()方法動畫顯示和隱藏圖片
以前我們在js中如果要隱藏顯示一個元素我們需要利用display等于none來設置并且還沒有效果,現(xiàn)在在jquery中有了hide();我們可以利用hide()方法來操作,希望本文章給大家所有幫助。2015-10-10