本人是一个菜鸟,求高手点问题。我想在网站上,鼠标移到菜单时,过1秒再显示下拉信息;鼠标移走时过1秒再消失。下拉信息是层DIV做的。就是延时显示(消失)菜单。
这是鼠标没移到“图片”菜单时,
这是鼠标移到“图片”时,颜色变了,下面的层(文字)马上出来。 我是想延时1秒再显示下面的层(文字)。网页是HTML做的,图片菜单下面显示的是层“DIV13”,贵求延时显示的完整代码,<script 开头>要这段代码</script>
无限感谢!要完善的小站 wlew.cn
下面是现在的代码,用DW可视化弄的
<script type="text/javascript">
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>
<td width="49" bgcolor="#E7FEEE" class="color" onmouseover="MM_showHideLayers('apDiv13','','show')" onmouseout="MM_showHideLayers('apDiv13','','hide')" ><font size="5" ><a href="html/tupian.html" target="_blank" class="ys01">图片</a></font> </td>
这是鼠标没移到“图片”菜单时,
这是鼠标移到“图片”时,颜色变了,下面的层(文字)马上出来。 我是想延时1秒再显示下面的层(文字)。网页是HTML做的,图片菜单下面显示的是层“DIV13”,贵求延时显示的完整代码,<script 开头>要这段代码</script>
无限感谢!要完善的小站 wlew.cn
下面是现在的代码,用DW可视化弄的
<script type="text/javascript">
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>
<td width="49" bgcolor="#E7FEEE" class="color" onmouseover="MM_showHideLayers('apDiv13','','show')" onmouseout="MM_showHideLayers('apDiv13','','hide')" ><font size="5" ><a href="html/tupian.html" target="_blank" class="ys01">图片</a></font> </td>
//隐藏或显示代码
},s*1000) //s为秒数
<html>
<head>
<title></title>
<style type="text/css">
.mainMenu{ width:100px;height:20px;border:solid 1px blue; }
.subMenu{ width:100px;height:200px;border:solid 1px red;display:none; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#divMenu").hover(
function(){
$("#divSubMenu").show(1000);
},
function(){
$("#divSubMenu").hide(1000);
}
);
});
</script>
</head>
<body>
<div id="divMenu" class="mainMenu" >
<span>图片</span>
</div>
<div id="divSubMenu" class="subMenu" >
子菜单
</div>
</body>
</html>挺简单的一件事, 不知道你为什么把代码搞到那么复杂。