鼠标划过实现延迟加载并隐藏层的js代码
鼠标划过实现延迟加载并隐藏层的js代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:+Follow这是隐藏层css:复制代码代码如下:.layer_follow{display:none}js:复制代码代码...

复制代码 代码如下:

<div id="follow">

<a href="#" onmouseover="showPlusMobile();" onmouseout="hidePlusMobile();">+Follow</a>

<div id="layer_follow" onmouseover="showPlusMobile();" onmouseout="hidePlusMobile();">

<p>这是隐藏层</p>

</div>

</div>

css:

复制代码 代码如下:

.layer_follow

{

display:none

}

js:

复制代码 代码如下:

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);

}

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类