适用场景:指向一个div时,需要为该类添加一个新的class。注意(很多情况我们都用 div:hover {})来解决的,此法确实可以,但在IE6下却得不到支持。如果不想在兼容IE6,完全可以忽略此文不看。
使用方法:
<div class="li j-module" module-function="tabClass" module-param="{node:‘.li‘, defaultClass:‘li-hover‘}">
解说:当指向这个<div class="li j-module">时,系统会增加一个新的样式li-hover(配置信息请看module-param)。样子如:<div class="li j-module li-hover">...</div>。
接下来便可以针对该class设置不同的样式了,如下:
.li { background:#fff; color:#000; }
.li-hover { background:#000; color:#fff; }
正常情况下,.li为白色背景,黑色文字。指向状态下,.li为黑色背景,白色文字。