本人是一个菜鸟,求高手点问题。我想在网站上,鼠标移到菜单时,过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>
解决方案 »
- 关于DIV不使用滚动条通过按钮动态显示DIV被影藏的内容
- php处理完的数据打包传给html,怎么传script过去?
- 请教了`
- 看我这个js,往那位高手给我提供点思路,我想实现,每行数据拖拽排序.或者根据每列的数字和时间来排序这个表格.
- 如果用iframe 调用带有top.location.href=self.location的网页?
- 请大家帮个忙
- html.replace(/\<p>/gi,"[$p]")是什么意思?特别是/gi?
- 请教各位,如何用js或vb脚本将浏览器窗口最小化?
- 如何实现IFrame的隐藏和显示?
- react-native 为主导的开发项目真难受阿!
- 显示系统时间(保存为HTML文件就能看到效果)
- 在action中获取servlet为空
//隐藏或显示代码
},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>挺简单的一件事, 不知道你为什么把代码搞到那么复杂。