日期:2014-05-17  浏览次数:20694 次

求高手指点CSS怎么做点击更换层内容
如题
现在好像能够不用JS 就用CSS就能实现这种效果
鼠标移动上去或者点击,就能更换不同的DIV层或者UL
跪求高手指点下

------解决方案--------------------
顶,喊楼下的:纯CSS可否实现DIV切换? (HTML6?)
------解决方案--------------------
涉及原理理解,不是几行代码就能让你醍醐灌顶的。自己系统看看CSS,尤其是里面的HOVER部分。
------解决方案--------------------
HOVER,加上子元素CSS选择器,就实现了。

大致示意如下:

LI 下面的DIV{可见性为隐藏}
LI:HOVER 下面的DIV{可见性为可见}

这样,当LI获得焦点即处于HOVER状态时,其下面的DIV就显示出来了。当鼠标移走,就恢复成隐藏的状态。

一般的浏览器都支持A的HOVER,只有FF和CHROME等新浏览器才支持更多标签的HOVER。

------解决方案--------------------
这个跟css下拉菜单一个道理
但是效果可能不会很好