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源碼學(xué)習(xí)javascript(一)
最近在做日志統(tǒng)計(jì)程序，發(fā)現(xiàn)對(duì)方的程序是在Jquery基礎(chǔ)上進(jìn)行開發(fā)的，而公司的網(wǎng)站的框架是prototype。而且我也早就想了解一下Jquery源碼，故決定研究Jquery源碼，模擬它的方法2012-12-12
JQuery移動(dòng)頁(yè)面開發(fā)之屏幕方向改變與滾屏的實(shí)現(xiàn)
這篇文章主要介紹了JQuery移動(dòng)頁(yè)面開發(fā)之隨屏幕方向改變與滾屏的實(shí)現(xiàn),通過相關(guān)兩個(gè)事件的添加來達(dá)到響應(yīng)移動(dòng)設(shè)備上操作的效果,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)彈彈球小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
jQuery中彈出iframe內(nèi)嵌頁(yè)面元素到父頁(yè)面并全屏化的實(shí)例代碼
這篇文章主要介紹了jQuery中彈出iframe內(nèi)嵌頁(yè)面元素到父頁(yè)面并全屏化的實(shí)例代碼,需要的朋友可以參考下2016-12-12
很簡(jiǎn)單有趣的效果，邏輯很清楚，代碼也簡(jiǎn)單，是練手的好東東。2010-04-04
Jquery+ajax請(qǐng)求data顯示在GridView上(asp.net)
Jquery ajax請(qǐng)求data顯示在asp.net中GridView控件上，需要的朋友可以參考下。2010-08-08
添加async:false.即修改為同步了，什么意思？按同事解釋就是，這是等這個(gè)ajax有了返回值后才會(huì)執(zhí)行下面的js一語(yǔ)道破天機(jī)，怪不得以前很多ajax調(diào)用里面的賦值都不起作用2013-04-04
jQuery中的Deferred和promise 的區(qū)別
這篇文章主要介紹了jQuery中的Deferred和promise 的區(qū)別的相關(guān)資料,需要的朋友可以參考下2016-04-04
jQuery Pagination分頁(yè)插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery Pagination分頁(yè)插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery+canvas實(shí)現(xiàn)的球體平拋及顏色動(dòng)態(tài)變換效果
這篇文章主要介紹了jQuery+canvas實(shí)現(xiàn)的球體平拋及顏色動(dòng)態(tài)變換效果,通過jQuery結(jié)合html5的canvas技術(shù)調(diào)用時(shí)間函數(shù)實(shí)時(shí)進(jìn)行數(shù)學(xué)運(yùn)算,最終實(shí)現(xiàn)球體平拋及顏色動(dòng)態(tài)變換的效果,需要的朋友可以參考下2016-01-01