<style>
body,h1,hr,ul,input,* {
padding: 0;
margin: 0;
font-family: helvetica, arial, sans-serif;
color:#748188;
font-size:12px
}
#nav
{
width: 560px;
position: relative;
padding: 5px 0;
height: 15px;
margin: -26px auto 0 auto;
}
ul#nav li {
list-style-type: none;
float: left;
margin: 0 32px 0 0;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).bind("mousemove",function(e){
jQuery("ul#nav").animate({marginTop:"0"},"fast","linear","");
});
</script>
</head>
<body>
<div id="navholder">
<ul id="nav" class="pwidth">
<li><a id="nvhome" class="active" href="/">首页</a></li>
<li><a id="nvnews" href="/news/">消息公告</a></li>
<li><a id="nvabout" href="/about/">关于我们</a></li>
<li><a id="nvfaq" href="/faq/">问题</a></li>
</ul>
<hr/>
</div>
</body>
I use like above. what I want to do is when i move the mouse,the top div block slide in ,but if I do it like above,the slidein is ok,but can not control the progress,i mean when i refresh the page,even i did not move the mouse,and the top nav block automatically slide in..what is the matter.thanks for reply..