jquery 隔行变色的二个实例代码
本文导语: 例1,jquery实现隔行变色,效果图如下: 代码: 代码示例: jquery 隔行变色-http://www. ul li { list-style-type: none; } $(function () { $('#Butt...
ul li
{
list-style-type: none;
}
$(function () {
$('#Button1').click(function () {
// $('li:eq(0)').css('background-color', 'blue');//第一行的背景被染成蓝色
$('li:first-child').css('background-color', 'blue');//每一个ul下的li里面的第一行被染成蓝色
})
})
- 脾气不能不发,宁可丢坏书本,不能憋坏身体!
- 咱们还是小孩呢!不必这么装模作样吧!
- 我以为夏天还早着呢!怪不得压岁钱都花光了。
- 如果和女生比的话,男生中傻瓜好象比较多。
- 小丸子:我去年写的愿望,三个月内就实现了。
- 说"芝麻开门"也不行的!这个童话不知会让多少小孩子上当!
- 太贵了,只有和妈妈一起,才可以吃。
- 小玉:别这样抱它(流浪狗),传染出感情就糟了!
- 妈妈澄丽:孩子他爸,演戏也不用这样吧?
- 在有档次的餐厅吃饭,却尽说些没档次的话,如果盘子里的鱼听到,没死也得给气死了。
- 小丸子:我想拆掉这个闹钟。当年爱迪生就经常这样呢。
- 我纯真的心由于牛排饭而欢呼不已。
- 如果光吃菜营养就好的话,还吃肉干什么?
例2,jquery 隔行变色,效果图如下:
代码2:
jquery 隔行变色-http://www.
function showinfo() {
var table = document.getElementById("mytable");
for (var i = 0; i < table.rows.length; i++) {
if (i % 2 != 0) {
table.rows[i].style.background = 'blue';
}
}
}
出游时间
出游地
出游方式
预计花费
元旦
三亚
飞机
2000
春节
泰国
飞机
2500
清明
大唐芙蓉园
火车
1500
五一
颐和园
火车
100
端午
周庄
火车
1000
十一
满城
汽车
30