京东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为黑色背景,白色文字。

京东js方法库tabClass的用法记录。,布布扣,bubuko.com

京东js方法库tabClass的用法记录。

上一篇:Linux入门之web服务(三)---httpd配置应用详解


下一篇:MVC文件上传06-使用客户端jQuery-File-Upload插件和服务端Backload组件自定义控制器上传多个文件