首页 > Web开发 > 详细

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

时间:2014-03-24 04:52:55      阅读:522      评论:0      收藏:0      [点我收藏+]

适用场景:指向一个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的用法记录。

原文:http://www.cnblogs.com/jdsdk/p/tabclass.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!