读书人

求CSS如何做点击更换层内容

发布时间: 2012-03-31 13:13:26 作者: rapoo

求高手指点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下拉菜单一个道理
但是效果可能不会很好

读书人网 >CSS

热点推荐