鼠标划过实现延迟加载并隐藏层的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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(4)
Dec 23 Javascript
Javascript 构造函数 实例分析
Nov 26 Javascript
jquery获取css中的选择器(实例讲解)
Dec 02 Javascript
Google 地图API资料整理及详细介绍
Aug 06 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
Nov 16 Javascript
javascript中call,apply,bind函数用法示例
Dec 19 Javascript
React Native 搭建开发环境的方法步骤
Oct 30 Javascript
react中fetch之cors跨域请求的实现方法
Mar 14 Javascript
angular第三方包开发整理(小结)
Apr 19 Javascript
Vue面试题及Vue知识点整理
Oct 07 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
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
分页显示Oracle数据库记录的类之一
2006/10/09 PHP
php 301转向实现代码
2008/09/18 PHP
sphinx增量索引的一个问题
2011/06/14 PHP
CodeIgniter启用缓存和清除缓存的方法
2014/06/12 PHP
php中get_cfg_var()和ini_get()的用法及区别
2015/03/04 PHP
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
2010/11/25 Javascript
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
2016/12/23 Javascript
使用DataTable插件实现异步加载数据
2017/11/19 Javascript
原生js+cookie实现购物车功能的方法分析
2017/12/21 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
2018/09/04 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
2020/05/31 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
浅谈python中的getattr函数 hasattr函数
2016/06/14 Python
Python中的os.path路径模块中的操作方法总结
2016/07/07 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
关于python3中setup.py小概念解析
2019/08/22 Python
python 安装库几种方法之cmd,anaconda,pycharm详解
2020/04/08 Python
Python爬取网站图片并保存的实现示例
2021/02/26 Python
Python .py生成.pyd文件并打包.exe 的注意事项说明
2021/03/04 Python
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
Emma Bridgewater官网:英国餐具制造商
2019/11/24 全球购物
2014最新毕业证代领委托书
2014/09/26 职场文书
2014年宣传工作总结
2014/11/18 职场文书
体育个人工作总结
2015/02/09 职场文书
论文答辩开场白大全
2015/05/27 职场文书
无保留意见审计报告
2015/06/05 职场文书
仙境之桥观后感
2015/06/16 职场文书
信息技术国培研修日志
2015/11/13 职场文书
创业计划书之熟食店
2019/10/16 职场文书
详解Java ES多节点任务的高效分发与收集实现
2021/06/30 Java/Android
详解nginx安装过程并代理下载服务器文件
2022/02/12 Servers
Python Matplotlib绘制等高线图与渐变色扇形图
2022/04/14 Python
Python 第三方库 openpyxl 的安装过程
2022/12/24 Python