上一篇
下一篇
自己写的隔行换色
作者:杨兴龙 日期:2010-05-25
好久没写东西了，今天自己写了个jQuery的隔行换色，超简单，jQuery果然强悍
$(function(){
$("li:even").addClass("even")
$("li").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
$("li").toggle(
function () {
$(this).addClass("click");
},
function () {
$(this).removeClass("click");
}
);
})
根据需要写id或class限定，也可以用于表格，class可以自己改
我随意添加了几个class
.even{ background-color:red}
ul{padding:0px;margin:0px;}
li{ ist-style-type:none; height:40px; width:100px; margin-top:4px;border:1px solid #999;}
.hover{ background:#CCC}
.click{ background-color:#0F3}
js可以直接用jQuery1.3.2即可
复制内容到剪贴板
程序代码
程序代码$(function(){
$("li:even").addClass("even")
$("li").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
$("li").toggle(
function () {
$(this).addClass("click");
},
function () {
$(this).removeClass("click");
}
);
})
根据需要写id或class限定，也可以用于表格，class可以自己改
我随意添加了几个class
复制内容到剪贴板 程序代码
程序代码.even{ background-color:red}
ul{padding:0px;margin:0px;}
li{ ist-style-type:none; height:40px; width:100px; margin-top:4px;border:1px solid #999;}
.hover{ background:#CCC}
.click{ background-color:#0F3}
js可以直接用jQuery1.3.2即可
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论