Question

css中div如何布局的问题，用js实现鼠标放到不同的地方，下面div显示相对应的内容遇到的问题

像上面那张图片，我想把鼠标移动到不同的标题上然后在下面的div显示出对应的内容，然后标题和div连成一个整体，就像这样

但是在鼠标移动到上面那行标题的时候就会这样

怎么样在把鼠标移动到上面那行标题后让下面的div和那个标题贴在一起？就是让div移动到第一行标题的下面，让div把第二行给盖住？就像这样

这个css该怎么写？





Answer 1

纯CSS实现还是可以的，不过要兼容所有浏览器，特别是IE6的话就不得不用到js了，滑动块效果是很多的，你可以搜索一下怒娘。

Answer 2

就是个Tab。单纯用css根本无法实现，不然你鼠标一动，内容就变了。。。你还怎么看内容？
嫌麻烦的话直接引入jQueryUI中的Tab插件就行了。不会用其实用js自己写一个也不算麻烦。

追问

什么是tab？用js怎么写？大概思路是什么？

追答

TAB是指标签页切换功能。
你如果用DW的话，可以直接使用Spry框架；或者自行使用jQueryUI的tab插件。
自己写也很简单，但前提是你掌握基本的js控制css的代码。
个人建议你直接使用Spry框架即可。