CSS+DIV热键效果

来源：百度知道 编辑：UC知道 时间：2024/05/21 06:28:47
怎么用这个东西很好的实现鼠标热键效果! 就像http://www.newoo.com/网里面的 地图+购物+美容+健康 版块 的那种效果 谢谢
急用,样式表太难找

光靠样式不要定义的。要配合JS的onmouseover事件。
样式里面伪类:hover这些，FireFox支持的比较正常，但是IE6里面，这些伪类只能对a标签有效果。
但是IE中a标签的宽度和高度定位大小定位的不太好。
如果你一定要用样式做，那可能只能这样。
4个标签的图片大小相同
#aa a:link,a:visted{background-Image:URL(/*按钮形态的图片地址*/);text-decoration:none;color:#ffc5bb;width:50px/*左右吧，具体要看图片大小*/;height:50px/*也是看图片大小*/;}
#aa a:hover,a:active{background-Image:URL(/*鼠标移上时候的图片地址*/);color:#ffc5bb;width:50px;height:50px}
<div id=aa><a href="#">地图</a><a href="#">xxx</a></div>
但是你下面要变的话只能用javascript来隐藏层或者动态创建层了。