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