鼠標(biāo)劃過(guò)實(shí)現(xiàn)延遲加載并隱藏層的js代碼
更新時(shí)間：2013年10月11日 16:51:32 作者：
鼠標(biāo)劃過(guò)延遲加載隱藏層的效果，想必大家都有見(jiàn)到過(guò)吧，在本文將為大家詳細(xì)介紹下使用js是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<div id="follow">
<a href="#" onmouseover="showPlusMobile();" onmouseout="hidePlusMobile();" class="btn">+Follow</a>
<div class="layer_follow" id="layer_follow" onmouseover="showPlusMobile();" onmouseout="hidePlusMobile();">
<p>這是隱藏層</p>
</div>
</div>
css:
復(fù)制代碼 代碼如下:
.layer_follow
{
display:none
}
js:
復(fù)制代碼 代碼如下:
var isPlusMobileVisible=false;
var showTid;
var hideTid;
function showPlusMobile(){
if(isPlusMobileVisible == false) {
showTid = setTimeout("document.getElementById('layer_follow').style.display='block'; isPlusMobileVisible=true;", 500);
}else{
clearTimeout(hideTid);
}
}
function hidePlusMobile(){
if(isPlusMobileVisible == true) {
hideTid = setTimeout("document.getElementById('layer_follow').style.display='none'; isPlusMobileVisible=false;", 500);
}else {
clearTimeout(showTid);
}
}
相關(guān)文章
用nodejs實(shí)現(xiàn)PHP的print_r函數(shù)代碼
這篇文章主要介紹了用nodejs實(shí)現(xiàn)PHP的print_r函數(shù)代碼,需要的朋友可以參考下2014-03-03
原生js與jQuery實(shí)現(xiàn)簡(jiǎn)單的tab切換特效對(duì)比
這篇文章主要通過(guò)原生js與jQuery實(shí)現(xiàn)簡(jiǎn)單的tab切換特效對(duì)比介紹了js與jQuery之間的區(qū)別，有需要的小伙伴可以參考下。2015-07-07
給easyui datebox擴(kuò)展一個(gè)清空的實(shí)例
下面小編就為大家?guī)?lái)一篇給easyui datebox擴(kuò)展一個(gè)清空按鈕的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
下面小編就為大家?guī)?lái)一篇簡(jiǎn)單談?wù)刯s的數(shù)據(jù)類型。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
實(shí)例詳解JSON數(shù)據(jù)格式及json格式數(shù)據(jù)域字符串相互轉(zhuǎn)換
JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式。JSON采用完全獨(dú)立于語(yǔ)言的文本格式，這些特性使JSON成為理想的數(shù)據(jù)交換語(yǔ)言2016-01-01
javascript實(shí)現(xiàn)點(diǎn)亮燈泡特效示例
這篇文章主要介紹了javascript實(shí)現(xiàn)點(diǎn)亮燈泡特效示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
本文主要介紹了Move.js基礎(chǔ)知識(shí)和Move.js的方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JavaScript中兩個(gè)感嘆號(hào)的作用說(shuō)明
用兩個(gè)感嘆號(hào)的作用就在于，如果明確設(shè)置了o中flag的值（非null/undefined/0""/等值），自然test就會(huì)取跟o.flag一樣的值；如果沒(méi)有設(shè)置，test就會(huì)默認(rèn)為false，而不是null或undefined2011-12-12
這篇文章主要介紹了分享JavaScript?中的幾種繼承方式，JavaScript中的繼承主要是通過(guò)原型鏈實(shí)現(xiàn)的，具體實(shí)現(xiàn)需要的小伙伴可以參考下面文章詳細(xì)內(nèi)容2022-05-05
uniapp?動(dòng)態(tài)組件實(shí)現(xiàn)Tabs標(biāo)簽切換組件(喜馬拉雅app作為案例)
本文以喜馬拉雅app作為案例給大家詳解講解uniapp?動(dòng)態(tài)組件實(shí)現(xiàn)Tabs標(biāo)簽切換組件功能,在uniapp中實(shí)現(xiàn)動(dòng)態(tài)組件切換需看uniapp是否支持,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-10-10