欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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.each()用法分享

    jQuery.each()用法分享

    昨天寫了個小插件,用到這個方法,不太明白$.each()這個方法,今天查了下手冊,學習一下
    2012-07-07
  • Jquery實戰(zhàn)_讀書筆記1—選擇jQuery

    Jquery實戰(zhàn)_讀書筆記1—選擇jQuery

    近期公司積極組織我們這些開發(fā)人員學習進步,督促我們學習更多的技術來提高自己。為此我選擇了jQuery作為我學習的方向,同時我也是想將我的學習心得分享給大家,以后我會不斷的更新一系列jQuery方面的學習紀要,幫助大家學習。
    2010-01-01
  • jQuery關于導航條背景切換效果實現(xiàn)示例

    jQuery關于導航條背景切換效果實現(xiàn)示例

    導航條背景切換的效果,想必大家在瀏覽網(wǎng)頁時可能會碰到過,下面為大家介紹下使用jquery如何實現(xiàn),具體思路及代碼如下,感興趣的朋友可以參考下
    2013-09-09
  • Jquery中使用show()與hide()方法動畫顯示和隱藏圖片

    Jquery中使用show()與hide()方法動畫顯示和隱藏圖片

    以前我們在js中如果要隱藏顯示一個元素我們需要利用display等于none來設置并且還沒有效果,現(xiàn)在在jquery中有了hide();我們可以利用hide()方法來操作,希望本文章給大家所有幫助。
    2015-10-10
  • jQuery常用數(shù)據(jù)處理方法小結

    jQuery常用數(shù)據(jù)處理方法小結

    這篇文章主要介紹了jQuery常用數(shù)據(jù)處理方法,實例總結了trim、param、isArray、isFunction、each等jQuery常用的數(shù)據(jù)處理方法,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • JQuery 進入頁面默認給已賦值的復選框打鉤

    JQuery 進入頁面默認給已賦值的復選框打鉤

    這篇文章主要介紹了JQuery 進入頁面默認給已賦值的復選框打鉤的實現(xiàn)代碼,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
    2017-03-03
  • 仿新浪微博返回頂部的jquery實現(xiàn)代碼

    仿新浪微博返回頂部的jquery實現(xiàn)代碼

    在web頁面中,如果頁面較高,為了方便用戶快速地返回頂部,都會添加一個返回頂部按鈕
    2012-10-10
  • jQuery根據(jù)表單name獲取值的方法

    jQuery根據(jù)表單name獲取值的方法

    這篇文章主要介紹了jQuery根據(jù)表單name獲取值的方法,總結分析了jQuery獲取表單值的常用技巧,涉及jQuery選擇器的使用技巧,非常簡單實用,需要的朋友可以參考下
    2016-05-05
  • jQuery中對節(jié)點進行操作的相關介紹

    jQuery中對節(jié)點進行操作的相關介紹

    本篇文章小編將為大家介紹,在jQuery中對節(jié)點進行操作的解決辦法,有需要的朋友可以參考一下
    2013-04-04
  • jQuery實現(xiàn)簡單飛機大戰(zhàn)

    jQuery實現(xiàn)簡單飛機大戰(zhàn)

    這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡單飛機大戰(zhàn),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-07-07

最新評論