鼠标划过实现延迟加载并隐藏层的js代码
更新时间：2013年10月11日 16:51:32 作者：
鼠标划过延迟加载隐藏层的效果，想必大家都有见到过吧，在本文将为大家详细介绍下使用js是如何实现的，感兴趣的朋友可以参考下
复制代码 代码如下:
<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:
复制代码 代码如下:
.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);
}
}
相关文章
这篇文章主要为大家详细介绍了JS实现新建文件夹功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要给大家介绍了关于js实现继承的方法及优缺点的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-05-05
webpack踩坑系列之less-loader6.0.0的javascriptEnabled报错问题
这篇文章主要介绍了webpack踩坑系列之less-loader6.0.0的javascriptEnabled报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
这篇文章主要为大家详细介绍了javascript滚轮事件基础实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
JavaScript 动态创建VML的方法，需要的朋友可以参考下。2009-10-10
这篇文章主要介绍了CORS与预检请求，CORS是一套规范，指导浏览器和服务器之间如何进行跨域资源共享，当发送跨域请求时，浏览器会先发送一个OPTIONS方法的预检请求。文中介绍的非常详细，需要的同学可以参考一下2023-04-04
JavaScript事件代理（委托）一般用于以下情况：1. 事件注册在祖先级元素上，代理其子级元素。可以减少事件注册数量，节约内存开销，提高性能。2. 对js动态添加的子元素可自动绑定事件。本文主要介绍用原生 js 实现该功能。下面跟着小编一起来看下吧2016-12-12
js去空格想必大家多少都会点吧，在接下来的文章中为大家详细介绍下如何分别去字符串前后，左边，右边空格，感兴趣的朋友可以参考下2013-10-10
这篇文章主要给大家介绍了关于原生js中运算符及流程控制的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
Bootstrap.css与layDate日期选择样式起冲突的解决办法
这篇文章主要为大家详细介绍了BootStrap.css与layDate日期选择样式起冲突的解决办法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
最新评论