$(".bg", this).stop().animate({'top': '-45px'}, 120); // move up - hide
});
$("#menu2 li a").wrapInner( '<span class="out"></span>' );
$("#menu2 li a").each(function() {
$( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
});
$("#menu2 li a").hover(function() {
$(".out", this).stop().animate({'top': '45px'}, 200); // move down - hide
$(".over", this).stop().animate({'top': '0px'}, 200); // move down - show
}, function() {
$(".out", this).stop().animate({'top': '0px'}, 200); // move up - show
$(".over", this).stop().animate({'top': '-45px'}, 200); // move up - hide
});
});
</script>
</head>
<body>
<div class="clear"></div>
<div id="content">
<div id="top">
<div id="menu" class="menu">
<div class="fl"></div>
<div class="fr"></div>
<ul>
<li><a href="#">软件开发网</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">软件下载</a></li>
<li><a href="#">商业授权</a></li>
<li><a href="#">模板市场</a></li>
<li><a href="#">脚本下载</a></li>
<li><a href="#">交流论坛</a></li>
<li><a href="#">脚本交流</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
