鼠标划过实现延迟加载并隐藏层的js代码


Posted in Javascript onOctober 11, 2013
<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); 
} 
}
Javascript 相关文章推荐
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 Javascript
Jquery遍历节点的方法小集
Jan 22 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
Aug 09 Javascript
通过扫描二维码打开app的实现代码
Nov 10 Javascript
浅谈javascript alert和confirm的美化
Dec 15 Javascript
Vue.directive自定义指令的使用详解
Mar 10 Javascript
gulp教程_从入门到项目中快速上手使用方法
Sep 14 Javascript
JS实现小球的弹性碰撞效果
Nov 11 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
vue.js实现图书管理功能
Sep 24 Javascript
vue项目中openlayers绘制行政区划
Dec 24 Vue.js
javascript自然分类法算法实现代码
Oct 11 #Javascript
jQuery阻止事件冒泡具体实现
Oct 11 #Javascript
JS定时器实例详细分析
Oct 11 #Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 #Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 #Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 #Javascript
Js base64 加密解密介绍
Oct 11 #Javascript
You might like
php数据库连接
2006/10/09 PHP
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
php自动给网址加上链接的方法
2015/06/02 PHP
PHP中如何防止外部恶意提交调用ajax接口
2016/04/11 PHP
jquery的Theme和Theme Switcher使用小结
2010/09/08 Javascript
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
node.js操作mysql(增删改查)
2015/07/24 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
2015/11/30 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
js操作table中tr的顺序实现上移下移一行的效果
2018/11/22 Javascript
vue中npm包全局安装和局部安装过程
2019/09/03 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
在Python中利用Into包整洁地进行数据迁移的教程
2015/03/30 Python
Python用UUID库生成唯一ID的方法示例
2016/12/15 Python
python sort、sort_index方法代码实例
2019/03/28 Python
python制作填词游戏步骤详解
2019/05/05 Python
Python使用lambda表达式对字典排序操作示例
2019/07/25 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
Python双链表原理与实现方法详解
2020/02/22 Python
什么叫应用程序域?什么是托管代码?什么是强类型系统?什么是装箱和拆箱?什么是重载?CTS、CLS和CLR分别作何解释?
2012/05/23 面试题
化学相关工作求职信
2013/10/02 职场文书
澳大利亚商务邀请函
2014/01/17 职场文书
收银员的岗位职责范本
2014/02/04 职场文书
畜牧兽医本科生的自我评价
2014/03/03 职场文书
化工操作工岗位职责
2014/04/29 职场文书
某某同志考察材料
2014/05/28 职场文书
售后客服工作职责
2014/06/16 职场文书
公证委托书格式
2014/09/13 职场文书
2014年药剂科工作总结
2014/11/26 职场文书
英文道歉信
2015/01/20 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书