jQuery寫fadeTo示例代碼
更新時間：2014年02月21日 15:29:32 作者：
這篇文章主要介紹了使用jQuery寫的fadeTo,需要的朋友可以參考下
復制代碼 代碼如下:
<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 () {
$('#Button1').bind('click', function () {
$('img').fadeOut(2000, function () {
$('#Button1').val('哎，沒了');
});
})
$('#Button2').bind('click', function () {
$('img').fadeIn(2000, function () {
$('#Button2').val('有了');
});
})
$('#Button3').bind('click', function () {
$('img').fadeTo(2000, 0.3, function () {
alert('動畫執(zhí)行完畢');
});
})
})
</script>
</head>
<body>
<div>
<div>
<input id="Button1" type="button" value="淡出" /><input id="Button2" type="button" value="淡入" /><input id="Button3" type="button" value="指定透明度" /></div>
<div><img src="images/1.jpg" class="imgclass"/></div>
</div>
</body>
相關文章
jQuery實現(xiàn)適用于移動端的跑馬燈抽獎特效示例
這篇文章主要介紹了jQuery實現(xiàn)適用于移動端的跑馬燈抽獎特效,結合實例形式分析了jQuery結合時間函數(shù)動態(tài)操作頁面元素實現(xiàn)的跑馬燈抽獎功能相關操作技巧,需要的朋友可以參考下2019-01-01
這篇文章主要簡單介紹了jquery回調函數(shù)callback的使用,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery實現(xiàn)進度條效果代碼，感興趣的小伙伴們可以參考一下2015-12-12
jquery實現(xiàn)checkbox全選全不選的簡單實例
本篇文章主要是對jquery實現(xiàn)checkbox全選全不選的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery EasyUI右鍵菜單實現(xiàn)關閉標簽/選項卡
這篇文章主要介紹了jQuery EasyUI右鍵菜單實現(xiàn)關閉標簽/選項卡,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細介紹了jQuery pagination分頁示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
我們有時使用jQuery新加元素后，會出現(xiàn)新元素不會執(zhí)行一部分原有的事件函數(shù)。本文主要介紹了jQuery解決添加元素后不執(zhí)行原有事件的方法，感興趣的同學可以了解一下2021-11-11
jquery.fileEveryWhere.js 一個跨瀏覽器的file顯示插件
大牛ppk都說過，在從多表單控件中，上傳文件控件的樣式是最難以控制的。見文章Styling an input type="file"。本插件也多是參考此文2011-10-10
jQuery可見性過濾器：hidden和：visibility用法實例
這篇文章主要介紹了jQuery可見性過濾器：hidden和：visibility用法,實例分析了：hidden和：visibility的功能及相關使用技巧,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)div跟隨鼠標移動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05