基于jQuery的的一个隔行变色,鼠标移动变色的小插件

表格HTMLElement效果

复制代码代码如下： var br _ cc=(function(){ var setEffect=function(els，params){ var settings={ ' C1 ' : ' # eee '，' c2':'#ccc '，' C3 ' : ' # f00 ' }；$.扩展（设置，参数);els .每个(函数(I){ var self=$(this)；if(i%2==0){ this ._ bg=settings.c1}else{ this ._ bg=settings.c2} self.css({ '背景色：这._bg，"光标":"指针"});自我。鼠标悬停在(function(){ self。CSS('背景色'，设置。C3)；});自我。鼠标移出(函数(){ self。CSS('背景色')，这个_ BG)；});});};var cc _ table=function(params){ params=params | | { }；var box=params.box？$("# "参数。box):美元(“正文”).eq(0)；setEffect(框。find(' tr ')；};var cc_div=函数(params){ params=params | | { }；var box=params.box？$("# "参数。box):美元(“正文”).eq(0)；var els=params.tagClass？box.find(' . '设置。标签类):盒。find(' div ')；设置效果(els)；};返回{'cc_tb':cc_table，' cc _ div ' : cc _ div }；})();$(文档)。就绪(函数(){ br _ cc。cc _ TB({ ' box ' : ' stu-datas-TB ' })；br _ cc。cc _ div({ ' box ' : ' stu-datas-div ' })；});使用非常简单，就不多废话了。有需要的朋友直接拿去。别忘了顶哈桌子。和差异的数据表示超文本标记语言结构： 复制代码代码如下： h2table HTMLElement效果/h2表和tr th/th姓名/th年龄/th性别/th/tr/表和t车身id=' stu-datas-TB ' tr td1/tdtd张三/tdtd18/tdtd男/TD/tr/tr td1/tdtd张三/tdtd18/tdtd男/TD/tr/tr td1/tdtd张三/tdtd18/tdtd男/TD/tr/tr td1/tdtd张三/tdtd18/tdtd男/TD/tr/t表体/H2分部效果/H2 div id=' stu-datas-div ' class=' stu _ info ' span 1/span span李倩/spanspan20/spanspan女/span/div class=' stu _ info ' span 1/span span李倩/spanspan20/spanspan女/span/div class=' stu _ info ' span 1/span span李倩/spanspan20/spanspan女/span/div class=' stu _ info ' span 1/span span李倩/spanspan20/spanspan女/span /div /div