Javascript来创建菜单 [英] Javascript to create menu
本文介绍了Javascript来创建菜单的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想创建一个带有javascript的菜单。
下面我的代码显示了当鼠标中心时的div，再次当mouseenter再次隐藏。
我想添加更多菜单项（例如，item1，item2，item3 ......）。
请帮帮我。
I want to create a menu with javascript.
My code below shows the div when mouseenter and hides again when mouseenter again.
I want to add more menu items (eg. item1, item2, item3...) .
please help me.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<style>
.slidingDiv {
height:300px;
background-color: #99CCFF;
padding:20px;
margin-top:10px;
border-bottom:5px solid #3399FF;
}
.show_hide {
display:none;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$(".slidingDiv").hide();
$(".show_hide").show();
$('a.show_hide').mouseenter(function () {
$(".slidingDiv").slideToggle();
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="#" class="show_hide">Item 1</a>
<div class="slidingDiv">
content 1 <a href="#" class="show_hide">hide</a>
</div>
</div>
</form>
</body>
</html>
推荐答案
（ document ）。ready（ function （）{
(document).ready(function () {
（ .slidingDiv）。hide（）;
(".slidingDiv").hide();
（ 。show_hide）。show（）;
(".show_hide").show();
这篇关于Javascript来创建菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
