导航

« css在线压缩格式化工具取消Richtextbox控件文本自动选择  »

onmouseover/out 显示隐藏指定div 无闪烁问题 分享

JavaScript

从下面的这个例子中(可下载)可以了解到如何用onmouseover 显示指定div(html标签) ,用onmouseout来隐藏指定div;此例的好处在于onmouse事件过程中不会有闪烁问题。

以下代码实例中选取,是精华所在,可更快的掌握onmouseover/out 及js相关用法


<script type="text/javascript">
var aa;
	function over1(){
		document.getElementById("tab1").style.display = "block";clearTimeout(aa);
	}
	function out1(){
		aa = setTimeout(hide,100);
	}
	function hide(){
		document.getElementById("tab1").style.display = "none"
	}
</script>
</head>
<body>
<div id="d_category" onmousemove="over1();" onmouseout="out1();"><a href="javascript:void(0);">总共20类商品</a></div>
<table id="tab1" onmousemove="over1();" onmouseout="out1();" style="position:absolute;width:500px;background-color:#ddeeff;left:190px;top:74px;display:none;z-index:10;">

源:http://bbs.blueidea.com/thread-2892454-1-1.html(收藏下)

  • 顶一下

落日故乡推荐


原创文章如转载,请注明:转载自落日故乡

本文链接地址:http://www.spersky.com/post/397.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

内容搜索


常用链接

最新评论及回复

Powered By Z-Blog

Copyright spersky All Rights Reserved.Theme Moonlight,Calf modified.