这样的JS特效菜单模版怎么做？

想做一个类似亚马逊帮助中心这样的一个效果，我是初学者，还不太懂怎么弄。希望能有相关解释的。http://www.amazon.cn/gp/help/customer/di... 想做一个类似亚马逊帮助中心这样的一个效果，我是初学者，还不太懂怎么弄。希望能有相关解释的。
http://www.amazon.cn/gp/help/customer/display.html/ref=hp_f_gateway?ie=UTF8&nodeId=200343690
最好是和亚马逊这个的动态效果一样的展开

 我来答

1个回答

#热议# 应届生在签三方时要注意什么？

平行宇宙网络科技
推荐于2016-08-19 · 超过17用户采纳过TA的回答

知道答主

回答量：78

采纳率：0%

帮助的人：32.4万

我也去答题访问个人页

关注

展开全部

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>
<script src="./js/jquery.js" type="text/javascript"></script>
<style type="text/css">
ul li{ list-style-type:none;}
#a a{ text-decoration:none; color:#000;}
#a a:hover,a:hover{color:#FC6;}
#a{ background-color:#ccc; margin-left:100px; margin-right:100px; float:left;}
#b{background-color:#fff; margin-left:100px; margin-right:100px; float:left; display:none;}
#c{background-color:#fff; margin-left:100px; margin-right:100px; float:left; display:none;}
#d{background-color:#fff; margin-left:100px; margin-right:100px; float:left; display:none;}
</style>
<script>
$(document).ready(function(e) {
    $("#aa").hover(function(){
		$("#b").show();
		$("#c").hide();
		$("#d").hide();
		})
		$("#bb").hover(function(){
		$("#c").show();
		$("#b").hide();
		$("#d").hide();
		})
		$("#cc").hover(function(){
		$("#d").show();
		$("#c").hide();
		$("#b").hide();
		})
});
</script>
</head>
<body>
<div id="a">
<ul>
<li><a href="#" id="aa">推荐主题</a></li>
<li><a href="#" id="bb">发货及配送</a></li>
<li><a href="#" id="cc">在亚马逊订购</a></li>
<li><a href="#">支付方式与促销活动</a></li>
<li><a href="#">如何管理我的帐户</a></li>
<li><a href="#">Fire和Kindle</a></li>
<li><a href="#">数字服务与内容</a></li>
</ul>
</div>
<div id="b">
<ul>
<li><a href="#">推荐主题1</a></li>
<li><a href="#">推荐主题</a></li>
<li><a href="#">推荐主题</a></li>
</ul>
</div>
<div id="c">
<ul>
<li><a href="#">推荐主题2</a></li>
<li><a href="#">推荐主题</a></li>
<li><a href="#">推荐主题</a></li>
</ul>
</div>
<div id="d">
<ul>
<li><a href="#">推荐主题3</a></li>
<li><a href="#">推荐主题</a></li>
<li><a href="#">推荐主题</a></li>
</ul>
</div>
</div>
</body>
</html>
这样可以吗


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

这样的JS特效菜单模版怎么做？

其他类似问题

为你推荐：