这个效果能用CSS做出来吗？ 关于hover的吧_html/css_WEB-ITnose

css js

回复讨论(解决方案)

hover可以让页面显示东西  但数据貌似的用js取吧？

题主既然都知道用hover了，不知道还有神马疑惑的？

定位问题不知道怎么弄？还是。。？

抛开IE6只支持a:hover不考虑，我们先确定一下容器的从属关系。

div.drop
|---div.droptab
|---div.dropdown
    |--ul.mybook_list
    |--a.link

hover应该应用在div.drop，开始div.dropdown是隐藏的，当div.drop被hover的时候，div.dropdown才显示，同时div.droptab也相应改变一下背景和边框.

然后是布局问题，div.drop定义为relative，div.dropdown设置为absolute，left:0,控制top值让灰色的边框刚好被上面的tab盖住一个像素，或许还需要z-index来帮忙。

就这些，基本没什么难点了。
给思路比贴代码对你更有益。

题主既然都知道用hover了，不知道还有神马疑惑的？

定位问题不知道怎么弄？还是。。？

抛开IE6只支持a:hover不考虑，我们先确定一下容器的从属关系。

div.drop
|---div.droptab
|---div.dropdown
    |--ul.mybook_list
    |--a.link

hover应该应用在div.drop，开始div.dropdown是隐藏的，当div.drop被hover的时候，div.dropdown才显示，同时div.droptab也相应改变一下背景和边框.

然后是布局问题，div.drop定义为relative，div.dropdown设置为absolute，left:0,控制top值让灰色的边框刚好被上面的tab盖住一个像素，或许还需要z-index来帮忙。

就这些，基本没什么难点了。
给思路比贴代码对你更有益。
额,关于hover只会用在a:hover{}...。。。思路想的到。代码还没研究好。。

题主既然都知道用hover了，不知道还有神马疑惑的？

定位问题不知道怎么弄？还是。。？

抛开IE6只支持a:hover不考虑，我们先确定一下容器的从属关系。

div.drop
|---div.droptab
|---div.dropdown
    |--ul.mybook_list
    |--a.link

hover应该应用在div.drop，开始div.dropdown是隐藏的，当div.drop被hover的时候，div.dropdown才显示，同时div.droptab也相应改变一下背景和边框.

然后是布局问题，div.drop定义为relative，div.dropdown设置为absolute，left:0,控制top值让灰色的边框刚好被上面的tab盖住一个像素，或许还需要z-index来帮忙。

就这些，基本没什么难点了。
给思路比贴代码对你更有益。
只会a:hover{}。。。定位不熟悉，先研究研究

还是看哈代码研究。。。。