jquery實現(xiàn)兩個圖片漸變切換效果的方法
更新時間:2015年06月25日 12:19:40 作者:不吃皮蛋
這篇文章主要介紹了jquery實現(xiàn)兩個圖片漸變切換效果的方法,涉及jquery針對圖片的顯示與隱藏效果的實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了jquery實現(xiàn)兩個圖片漸變切換效果的方法。分享給大家供大家參考。具體如下:
這段代碼演示了jquery如何實現(xiàn)兩個圖片漸變切換的效果,為id=kitten的div設(shè)置一個背景圖片,通過jquery對div進行淡入淡出實現(xiàn)兩個圖片的漸變切換
html代碼
<div id="kitten"> <img src="/images/kitten.jpg" alt="Kitten" /> </div>
jquery代碼
$("#kitten").hover(function(){ $(this).find("img").fadeOut(); }, function() { $(this).find("img").fadeIn(); });
希望本文所述對大家的jquery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jquery實現(xiàn)動畫菜單的左右滾動、漸變及圖形背景滾動等效果
- jQuery實現(xiàn)鼠標(biāo)滑過Div層背景變顏色的方法
- jquery改變tr背景色的示例代碼
- Jquery的hover方法讓鼠標(biāo)經(jīng)過li時背景變色
- 用jquery實現(xiàn)點擊欄目背景色改變
- jquery 實現(xiàn)的改變顏色與背景的代碼 change(fontsize,background)補充2
- jQuery 行背景顏色的交替顯示(隔行變色)實現(xiàn)代碼
- jQuery與js實現(xiàn)顏色漸變的方法
- jQuery實現(xiàn)的文字hover顏色漸變效果實例
- jQuery實現(xiàn)的立體文字漸變效果
- jQuery animate()實現(xiàn)背景色漸變效果的處理方法【使用jQuery.color.js插件】
相關(guān)文章
jQuery UI Datepicker length為空或不是對象錯誤的解決方法
jQuery UI Datepicker length為空或不是對象錯誤的解決方法,需要的朋友可以參考下。2010-12-12jquery load事件(callback/data)使用方法及注意事項
jquery load 事件使用方法,在網(wǎng)上有很多的相關(guān)介紹文章,不過大同小異,本文老生長談,也介紹一下load事件使用方法,感興趣的朋友可以了解下,或許對你學(xué)習(xí)jquery有所幫助2013-02-02