js hover 定时器(实例代码)


Posted in Javascript onNovember 12, 2013
$("#showComp tr:not('.stlisttitle')").hover(function(){
        try{if($("#calendarPanel").is(":visible")) $(".playerlist").hide();else{clearTimeout(timMess);
        $(".playerlist").css("top",$(this).offset().top-$(".calendarCon").offset().top-30).show();}}catch(e){}    },function(){
        timMess=setTimeout(function(){
            $(".playerlist").hide();
         },300);
        //$(this).css("background","");
    });    
    $(".playerlist").hover(function(){
        clearTimeout(timMess);
    },function(){
        timMess=setTimeout(function(){

            $(".playerlist").hide();
         },300);
    });

效果如图:
js hover 定时器(实例代码)
Javascript 相关文章推荐
js Date自定义函数 延迟脚本执行
Mar 10 Javascript
javascript获取元素CSS样式代码示例
Nov 28 Javascript
js中的关联数组与普通数组详解
Jul 27 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
Angular2 组件交互实例详解
Aug 24 Javascript
Vue完整项目构建(进阶篇)
Feb 10 Javascript
微信小程序实现多选删除列表数据功能示例
Jan 15 Javascript
记录一次完整的react hooks实践
Mar 11 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 Javascript
JS三级联动代码格式实例详解
Dec 30 Javascript
Node.js API详解之 readline模块用法详解
May 22 Javascript
vue中使用腾讯云Im的示例
Oct 23 Javascript
JavaScript的setAttribute兼容性问题解决方法
Nov 11 #Javascript
javascript实用小函数使用介绍
Nov 11 #Javascript
JavaScript动态插入script的基本思路及实现函数
Nov 11 #Javascript
JS页面延迟执行一些方法(整理)
Nov 11 #Javascript
jquery 缓存问题的几个解决方法
Nov 11 #Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 #Javascript
javascript自定义startWith()和endWith()的两种方法
Nov 11 #Javascript
You might like
php学习笔记 类的声明与对象实例化
2011/06/13 PHP
PHP生成指定长度随机数最简洁的方法
2014/07/14 PHP
Zend Framework动作助手FlashMessenger用法详解
2016/03/05 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
JavaScript中的集合及效率
2010/01/08 Javascript
jquery 多级下拉菜单核心代码
2010/05/21 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
js change,propertychange,input事件小议
2011/12/20 Javascript
关于Jquery操作Cookie取值错误的解决方法
2013/08/26 Javascript
js打开新窗口方法整理
2014/02/17 Javascript
使用jQuery实现返回顶部
2015/01/26 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
Angular2开发环境搭建教程之VS Code
2017/12/15 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
2020/11/18 Vue.js
详解Vue的mixin策略
2020/11/19 Vue.js
如何实现vue的tree组件
2020/12/03 Vue.js
python采集博客中上传的QQ截图文件
2014/07/18 Python
python中assert用法实例分析
2015/04/30 Python
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
pandas中去除指定字符的实例
2018/05/18 Python
Django后台admin的使用详解
2019/07/08 Python
python爬虫 2019中国好声音评论爬取过程解析
2019/08/26 Python
Python使用Tkinter实现滚动抽奖器效果
2020/01/06 Python
golang/python实现归并排序实例代码
2020/08/30 Python
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
商务助理岗位职责
2013/11/13 职场文书
品德评语大全
2014/05/05 职场文书
工商局局长个人对照检查材料思想汇报
2014/09/23 职场文书
校长四风对照检查材料
2014/09/27 职场文书
我们的节日中秋节活动总结
2015/03/23 职场文书
CSS基础详解
2021/10/16 HTML / CSS
JS实现简单九宫格抽奖
2022/06/28 Javascript