欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)有效果

相關(guān)文章

  • jQuery設(shè)置聚焦并使光標(biāo)位置在文字最后的實(shí)現(xià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的使用介紹

    本篇文章小編為大家介紹,關(guān)于jquery css的使用介紹。需要的朋友參考下
    2013-04-04
  • 超好用的jQuery分頁(yè)插件jpaginate用法示例【附源碼下載】

    超好用的jQuery分頁(yè)插件jpaginate用法示例【附源碼下載】

    這篇文章主要介紹了超好用的jQuery分頁(yè)插件jpaginate用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery分頁(yè)插件jpaginate的基本調(diào)用方式、參數(shù)屬性及配置方法,并附帶源碼供讀者下載,需要的朋友可以參考下
    2018-12-12
  • jQuery實(shí)現(xiàn)簡(jiǎn)單的輪播圖效果

    jQuery實(shí)現(xiàn)簡(jiǎn)單的輪播圖效果

    這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的輪播圖效果,實(shí)現(xiàn)自動(dòng)播放,能手動(dòng)切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法

    jquery使整個(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è)面延遲載入

    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-12
  • jQuery平滑旋轉(zhuǎn)幻燈片特效代碼分享

    jQuery平滑旋轉(zhuǎn)幻燈片特效代碼分享

    這篇文章主要介紹了jQuery平滑旋轉(zhuǎn)幻燈片特效,一個(gè)具有自己特色的幻燈片會(huì)吸引用戶的注意力,讓用戶產(chǎn)生瀏覽網(wǎng)站的興趣至關(guān)重要,現(xiàn)在小編推薦給大家一款特別棒的幻燈片,感興趣的小伙伴可以參考下。
    2015-09-09
  • jQuery 跨域訪問解決原理案例詳解

    jQuery 跨域訪問解決原理案例詳解

    這篇文章主要介紹了jQuery 跨域訪問解決原理案例詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-07-07
  • Jquery submit()無法提交問題

    Jquery submit()無法提交問題

    代碼點(diǎn)擊注冊(cè)按鈕時(shí)無法提交表單,名稱沖突可能會(huì)導(dǎo)致混亂的失敗,接下來為大家介紹下解決方法,感興趣的朋友可以了解下
    2013-04-04
  • jQuery獲得包含margin的outerWidth和outerHeight的方法

    jQuery獲得包含margin的outerWidth和outerHeight的方法

    這篇文章主要介紹了jQuery獲得包含margin的outerWidth和outerHeight的方法,涉及jQuery中outerWidth及outerHeight方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03

最新評(píng)論