jquery實(shí)現(xiàn)通用版鼠標(biāo)經(jīng)過淡入淡出效果
更新時(shí)間:2014年06月15日 16:02:39 投稿:whsnow
這篇文章主要介紹了jquery實(shí)現(xiàn)的通用版鼠標(biāo)經(jīng)過淡入淡出效果,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<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();
});
原理很簡(jiǎn)單
a標(biāo)簽背景設(shè)置正常狀態(tài)
div背景設(shè)置鼠標(biāo)hover的背景
只要給元素加上
復(fù)制代碼 代碼如下:
class="jq_btn"
都自動(dòng)有效果
您可能感興趣的文章:
- 原生js和jquery實(shí)現(xiàn)圖片輪播淡入淡出效果
- jQuery實(shí)現(xiàn)的淡入淡出與滑入滑出效果示例
- jquery 淡入淡出效果的簡(jiǎn)單實(shí)現(xiàn)
- jQuery 淡入淡出、展開收縮菜單實(shí)現(xiàn)代碼
- 基于jquery實(shí)現(xiàn)的文字淡入淡出效果
- 基于jQuery實(shí)現(xiàn)淡入淡出效果輪播圖
- 基于Jquery的淡入淡出的特效基礎(chǔ)練習(xí)
- jQuery實(shí)現(xiàn)新聞播報(bào)滾動(dòng)及淡入淡出效果示例
- jQuery淡入淡出元素讓其效果更為生動(dòng)
- jQuery實(shí)現(xiàn)淡入淡出效果
相關(guān)文章
jQuery設(shè)置聚焦并使光標(biāo)位置在文字最后的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query設(shè)置聚焦并使光標(biāo)位置在文字最后的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08超好用的jQuery分頁(yè)插件jpaginate用法示例【附源碼下載】
這篇文章主要介紹了超好用的jQuery分頁(yè)插件jpaginate用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery分頁(yè)插件jpaginate的基本調(diào)用方式、參數(shù)屬性及配置方法,并附帶源碼供讀者下載,需要的朋友可以參考下2018-12-12jQuery實(shí)現(xiàn)簡(jiǎn)單的輪播圖效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的輪播圖效果,實(shí)現(xiàn)自動(dòng)播放,能手動(dòng)切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法
這篇文章主要介紹了jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法,涉及jQuery操作頁(yè)面元素與鼠標(biāo)事件的技巧,需要的朋友可以參考下2015-06-06修改jquery.lazyload.js實(shí)現(xiàn)頁(yè)面延遲載入
jquery.lazyload.js并未真正的實(shí)現(xiàn)頁(yè)面延遲載入,它的實(shí)現(xiàn)原理是頁(yè)面載入完畢后將html中所有img標(biāo)簽的src屬性都替換為空,把src的初始值存儲(chǔ)到一個(gè)自定義的屬性中,當(dāng)頁(yè)面滾動(dòng)到img標(biāo)簽位置時(shí)再將圖片載入進(jìn)來。2010-12-12jQuery獲得包含margin的outerWidth和outerHeight的方法
這篇文章主要介紹了jQuery獲得包含margin的outerWidth和outerHeight的方法,涉及jQuery中outerWidth及outerHeight方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03