求 js 导航延时例子。。。。就是鼠标放上去会过段时间出现，移开也会过段时间消失。。。
展开全部
<html>
<head>
<title></title>
<script src="jquery-1.7.2.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
$('#tt').hide();
$('#dd').mouseover(function(){
setTimeout(function(){$('#tt').show('slow')},1000);
}).mouseout(function(){
setTimeout(function(){$('#tt').hide('slow')},1000);
})
})
</script>
</head>
<body>
<div id="dd" style="width:100px;height:50px;border:1px solid red;background-color:blue"></div>
<div id="tt" style="width:100px;height:50px;border:1px solid red;background-color:blue"></div>
</body>
</html>
<head>
<title></title>
<script src="jquery-1.7.2.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
$('#tt').hide();
$('#dd').mouseover(function(){
setTimeout(function(){$('#tt').show('slow')},1000);
}).mouseout(function(){
setTimeout(function(){$('#tt').hide('slow')},1000);
})
})
</script>
</head>
<body>
<div id="dd" style="width:100px;height:50px;border:1px solid red;background-color:blue"></div>
<div id="tt" style="width:100px;height:50px;border:1px solid red;background-color:blue"></div>
</body>
</html>
更多追问追答
追问
我要的是一排有好多个块，不是只有一个。而且只是display：block就好了，不用hide跟show。。你的代码只能实现这2个块。
追答
用jquery选择器获取你那一排的所有块，在循环里边写不就是了？
比如：
$('div').each(function(){
$(this).mouseover(function(){
setTimeout(function(){$('#tt').show('slow')},1000);
}).mouseout(function(){
setTimeout(function(){$('#tt').hide('slow')},1000);
})
})
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title></title>
<script type="text/javascript" src="JS/jquery-1.6.1.min.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
$("div").mouseenter(function () {
$(this).animate({ left: "+=180px" }, 500);
})
$("div").mouseleave(function () {
$(this).animate({ left: "-=180px" }, 500);
})
})
</script>
</head>
<body>
<div style="width:200px; height:400px; border:1px solid gray; position:absolute; top:50px;left:-180px;">
<ul>
<li>123434</li>
<li>asdf</li>
<li>1234asdf34213</li>
<li>dfsdaf</li>
<li>ertetre</li>
<li>asdfreter</li>
<li>bvcxbxc</li>
</ul>
</div>
</body>
</html>
jquery的文件自己去下一下！
<head>
<title></title>
<script type="text/javascript" src="JS/jquery-1.6.1.min.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
$("div").mouseenter(function () {
$(this).animate({ left: "+=180px" }, 500);
})
$("div").mouseleave(function () {
$(this).animate({ left: "-=180px" }, 500);
})
})
</script>
</head>
<body>
<div style="width:200px; height:400px; border:1px solid gray; position:absolute; top:50px;left:-180px;">
<ul>
<li>123434</li>
<li>asdf</li>
<li>1234asdf34213</li>
<li>dfsdaf</li>
<li>ertetre</li>
<li>asdfreter</li>
<li>bvcxbxc</li>
</ul>
</div>
</body>
</html>
jquery的文件自己去下一下！
追问
你的效果做出来不错，但是我想要的不是这样的，我要的是导航。。。就是寻常的导航。。。只是二级导航出来的时候追加个延时，防止鼠标只是滑过而不是真的要看它。
追答
原理是一样的！
你把你要显示隐藏的导航使用那段jquery代码就好啦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
