京东js方法库tabClass的用法记录。
适用场景:指向一个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为黑色背景,白色文字。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。