Question

html+css这个列表效果怎样做出来的？

如题

Answer 1

这个可以这么组织结构。不知道你的js或者jq如何。

我先大概写一下

<div class="tree">
	<dl>
		<dt><a href="javascript:;">A一级第一个</a></dt>
		<dd style="display:none;">
			<ul>
				<li>A二级第一个</li>
				<li>A二级第二个</li>
				<li>A二级第三个</li>
			</ul>
		</dd>
	</dl>
	<dl>
		<dt><a href="javascript:;">B一级第二个</a></dt>
		<dd style="display:none;">
			<ul>
				<li>B二级第一个</li>
				<li>B二级第二个</li>
				<li>B二级第三个</li>
			</ul>
		</dd>
	</dl>
	<dl>
		<dt><a href="javascript:;">C一级第三个</a></dt>
		<dd style="display:none;">
			<ul>
				<li>C二级第一个</li>
				<li>C二级第二个</li>
				<li>C二级第三个</li>
			</ul>
		</dd>
	</dl>
</div>

大概结构可以像这样，当然，样式你要先写好，还可以无限制的扩展，用其他的标签也可以

效果是这样的，开始的时候，每个dl的dt都是可见的，而dd都是不可见的。

当点击了每个dt之后，它对应的dd则变为可见

<script type="text/javascript">
	function tree(){
		var obj = $('.tree');
		obj.find('dt').click(function(){
			$(this).siblings('dd').toggle();
		})
	}
	$(funciton(){
		tree();
	})
</script>

追问

不太会JS，只会css+div，你这个怎么提示有语法错误呢！！

追答

额。。这个你要先引入一个jquery.js才行。。原生的js我也不会，只会jq的，你可以到网上搜一下jquery，然后下载一个。。。
在页面中引入一下

Answer 2

这是js实现的 不是css 你去网上搜下拉菜单js源码 或者去一些可以下载js源码文件的网站找

应该很容易就找到

Answer 3

可以看看这个效果，http://bbs.miaov.com/forum.php?mod=viewthread&tid=228&highlight=%E8%8F%9C%E5%8D%95

追问

这个可以用，谢谢

Answer 4

你用js做很容易实现。

Answer 5

jQuery 或者js 控制下

追问

能给点代码么- -