 
<a class="jq_btn" href="#"><div></div></a> 
//鼠標(biāo)移上去效果 
$(".jq_btn").hover(function(){ 
$(this).find("div").stop().fadeIn(); 
},function(){ 
$(this).find("div").stop().fadeOut(); 
}); 

原理很簡單

a標(biāo)簽背景設(shè)置正常狀態(tài)

div背景設(shè)置鼠標(biāo)hover的背景

只要給元素加上

復(fù)制代碼代碼如下:

class="jq_btn"

都自動有效果

您可能感興趣的文章:

相關(guān)文章

jQuery設(shè)置聚焦并使光標(biāo)位置在文字最后的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query設(shè)置聚焦并使光標(biāo)位置在文字最后的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08
關(guān)于jquery css的使用介紹
本篇文章小編為大家介紹，關(guān)于jquery css的使用介紹。需要的朋友參考下
2013-04-04
超好用的jQuery分頁插件jpaginate用法示例【附源碼下載】
這篇文章主要介紹了超好用的jQuery分頁插件jpaginate用法,結(jié)合實(shí)例形式簡單分析了jQuery分頁插件jpaginate的基本調(diào)用方式、參數(shù)屬性及配置方法,并附帶源碼供讀者下載,需要的朋友可以參考下
2018-12-12
jQuery實(shí)現(xiàn)簡單的輪播圖效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡單的輪播圖效果，實(shí)現(xiàn)自動播放，能手動切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法
這篇文章主要介紹了jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法,涉及jQuery操作頁面元素與鼠標(biāo)事件的技巧,需要的朋友可以參考下
2015-06-06
修改jquery.lazyload.js實(shí)現(xiàn)頁面延遲載入
jquery.lazyload.js并未真正的實(shí)現(xiàn)頁面延遲載入，它的實(shí)現(xiàn)原理是頁面載入完畢后將html中所有img標(biāo)簽的src屬性都替換為空，把src的初始值存儲到一個(gè)自定義的屬性中，當(dāng)頁面滾動到img標(biāo)簽位置時(shí)再將圖片載入進(jìn)來。
2010-12-12
jQuery平滑旋轉(zhuǎn)幻燈片特效代碼分享
這篇文章主要介紹了jQuery平滑旋轉(zhuǎn)幻燈片特效，一個(gè)具有自己特色的幻燈片會吸引用戶的注意力，讓用戶產(chǎn)生瀏覽網(wǎng)站的興趣至關(guān)重要，現(xiàn)在小編推薦給大家一款特別棒的幻燈片，感興趣的小伙伴可以參考下。
2015-09-09
jQuery 跨域訪問解決原理案例詳解
這篇文章主要介紹了jQuery 跨域訪問解決原理案例詳解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
Jquery submit()無法提交問題
代碼點(diǎn)擊注冊按鈕時(shí)無法提交表單，名稱沖突可能會導(dǎo)致混亂的失敗,接下來為大家介紹下解決方法，感興趣的朋友可以了解下
2013-04-04
jQuery獲得包含margin的outerWidth和outerHeight的方法
這篇文章主要介紹了jQuery獲得包含margin的outerWidth和outerHeight的方法,涉及jQuery中outerWidth及outerHeight方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03