JS TAB面板延时机制

来源：互联网发布：不稳定排序算法有哪些编辑：程序博客网时间：2024/06/08 23:46

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="jquery-1.4.2.min.js"></script><script type="text/javascript">var tag=0;var timer=0;$(function(){        $("#mydiv").mouseover(function(){                tag=new Date().valueOf();                timer=setTimeout(function(){$("#mydiv").css("background", 'gray');}, 1000);                                           });        $("#mydiv").mouseout(function(){                if((new Date().valueOf()-tag)<1000){                        clearTimeout(timer);                }                $(this).css("background", '#C9F');                        });        });</script></head><body><div id="mydiv" style="background: #C9F; width: 100px; height: 50px"></div></body></html>

0 0