<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网面导航特效by 25175</title>
<link type="text/css" rel="Stylesheet" href="css/daohang.css" />
<script language="javascript" src="jquery-1[1].3.2.min.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$(".con").prepend('<div class="nav_ub"></div><div class="nav_db"></div>')
$(".con").hover(function(){
$(this).children(".nav_ub").stop().animate({top:-26},300);
$(this).find(".pos").stop().animate({left:220},250);
$(this).children(".nav_db").stop().animate({bottom:-14},300);
$(this).find(".pos").stop().animate({left:220},250);
},function(){
$(this).children(".nav_ub").stop().animate({top:0},300);
$(this).find(".pos").stop().animate({left:200},250);
$(this).children(".nav_db").stop().animate({bottom:0},300);
$(this).find(".pos").stop().animate({left:200},250);
});
})
</script>
<body>
<div class="logo">
<img src="image/logo.gif" />
</div>
<div class="main">
<div class="con">
<div class="nav_u">
<a class="pos" href="#">25175</a></div>
<div class="nav_d">
<a class="pos" href="#">我们坚持</a></div>
</div>
<div class="con">
<div class="nav_u">
<a class="pos" href="#">25175</a></div>
<div class="nav_d">
<a class="pos" href="#">我们创新</a></div>
</div>
<div class="con">
<div class="nav_u">
<a class="pos" href="#">25175</a></div>
<div class="nav_d">
<a class="pos" href="#">我们努力</a></div>
</div>
<div class="con">
<div class="nav_u">
<a class="pos" href="#">25175</a></div>
<div class="nav_d">
<a class="pos" href="#">我们进步</a></div>
</div>
<p>
收集:<a href="http://www.25175.com/" target="_blank">25175.com</a>
</p>
<p>
网页特效导航
</p>
</div>
</body>
</html>