jquery實(shí)現(xiàn)兩個圖片漸變切換效果的方法
本文實(shí)例講述了jquery實(shí)現(xiàn)兩個圖片漸變切換效果的方法。分享給大家供大家參考。具體如下:
這段代碼演示了jquery如何實(shí)現(xiàn)兩個圖片漸變切換的效果,為id=kitten的div設(shè)置一個背景圖片,通過jquery對div進(jìn)行淡入淡出實(shí)現(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è)計(jì)有所幫助。
- jquery實(shí)現(xiàn)動畫菜單的左右滾動、漸變及圖形背景滾動等效果
- jQuery實(shí)現(xiàn)鼠標(biāo)滑過Div層背景變顏色的方法
- jquery改變tr背景色的示例代碼
- Jquery的hover方法讓鼠標(biāo)經(jīng)過li時背景變色
- 用jquery實(shí)現(xiàn)點(diǎn)擊欄目背景色改變
- jquery 實(shí)現(xiàn)的改變顏色與背景的代碼 change(fontsize,background)補(bǔ)充2
- jQuery 行背景顏色的交替顯示(隔行變色)實(shí)現(xiàn)代碼
- jQuery與js實(shí)現(xiàn)顏色漸變的方法
- jQuery實(shí)現(xiàn)的文字hover顏色漸變效果實(shí)例
- jQuery實(shí)現(xiàn)的立體文字漸變效果
- jQuery animate()實(shí)現(xiàn)背景色漸變效果的處理方法【使用jQuery.color.js插件】
相關(guān)文章
jQuery UI Datepicker length為空或不是對象錯誤的解決方法
jQuery UI Datepicker length為空或不是對象錯誤的解決方法,需要的朋友可以參考下。2010-12-12jQuery實(shí)現(xiàn)的簡單排序功能示例【冒泡排序】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡單排序功能,結(jié)合實(shí)例形式分析了冒泡排序的原理及具體實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01jquery load事件(callback/data)使用方法及注意事項(xiàng)
jquery load 事件使用方法,在網(wǎng)上有很多的相關(guān)介紹文章,不過大同小異,本文老生長談,也介紹一下load事件使用方法,感興趣的朋友可以了解下,或許對你學(xué)習(xí)jquery有所幫助2013-02-02jQuery實(shí)現(xiàn)可移動選項(xiàng)的左右下拉列表示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)可移動選項(xiàng)的左右下拉列表,涉及jQuery針對表格table及頁面元素動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-12-12jquery實(shí)現(xiàn)手風(fēng)琴效果實(shí)例代碼
這篇文章介紹了jquery實(shí)現(xiàn)手風(fēng)琴效果實(shí)例代碼,有需要的朋友可以參考一下2013-11-11