导航栏隐藏显示

最新推荐文章于 2022-09-23 10:51:26 发布

weixin_30914981

最新推荐文章于 2022-09-23 10:51:26 发布

阅读量65

点赞数

原文链接：http://www.cnblogs.com/yuchao19950412/p/5614377.html

版权

导航栏特效：
例子：
<body>
<div id="ceshi" style="background:#006; width:200px; 

height:100px;">A</div>

<div style="display:none;" id="b">
<div style="background:#036; width:200px; height:50px;">B</div>
<div style="background:#036; width:200px; height:50px;">C</div>
<div style="background:#036; width:200px; height:50px;">D</div>

</div>
效果：点击A 会出现B C D 

JS代码 用到了toggle方法
<script>
$(document).ready(function(e) {
	$("#ceshi").click(function(){
		$("#b").toggle();
		})
});
</script>

转载于:https://www.cnblogs.com/yuchao19950412/p/5614377.html