jQuery动画菜单
|
ASP.NET
jquery
ul.level1
<html>
<head>
<title>test</title>
<script type=\"text/javascript\" src=\"jquery.1.4.js\"></script>
</head>
<body>
<div id=\"menu\">
<div id=\"Menu1\">
<ul class=\"level1\">
<li><a class=\"level1\">Item1</a>
<ul class=\"level2\">
<li><a href=\'#\'>SubItem1</a></li>
</ul>
</li>
<li><a class=\"level1\">Item2</a>
<ul class=\"level2\">
<li><a href=\'#\'>Sub1</a></li>
</ul>
</li>
</ul>
</div>
</div>
<script type=\"text/javascript\">
$(\'ul.level1 li a.level1\').mouseover(function() {
$(\'ul.level1 li a.level1 ul.level2\').animate(top:0,height: show);
});
$(\'ul.level1 li a.level1\').mouseout(function() {
$(\'ul.level1 li a.level1 ul.level2\').animate(top:0,height: hide);
});
</script>
</body>
</html>
没有找到相关结果
已邀请:
2 个回复
抚驰
$(\"div.overout\").mouseover(function() { i += 1; $(this).find(\"span\").text( \"mouse over x \" + i ); }).mouseout(function(){ $(this).find(\"span\").text(\"mouse out \"); });漂截嘘
和。