首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-03-31 
求高手指点CSS怎么做点击更换层内容如题现在好像能够不用JS 就用CSS就能实现这种效果鼠标移动上去或者点击

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

热点排行