取模（隔行變色 滑鼠離開還原每行的顏色）

取模：就是取餘數

5

%2=1
6%2=0
0%3=0
1%3=1
2%3=2

html和上面一樣不變；

css：

li

js：

var lis = document.getelementsbytagname('li');

var arr = ['red','yellow','blue'];
for(var i=0;i// 給所有的li建乙個索引值，那麼每個li就有乙個數字了
lis[i].index = i;
lis[i].style.backgroundcolor = arr[i%arr.length];//i%3就是0、1、2的迴圈
// 滑鼠移入變個顏色
lis[i].onmouseover = function
()    // 滑鼠移開變回原來的顏色
lis[i].onmouseout = function
()}

js：

var lis = document.getelementsbytagname('li');

var arr = ['red','yellow','blue'];
var str = '';//放乙個空字串用來儲存顏色
for(var i=0;i// 給所有的li建乙個索引值，那麼每個li就有乙個數字了
lis[i].index = i;
lis[i].style.backgroundcolor = arr[i%arr.length];//i%3就是0、1、2的迴圈
// 滑鼠移入變個顏色
lis[i].onmouseover = function
()    // 滑鼠移開變回原來的顏色
lis[i].onmouseout = function
()}

簡單隔行變色

姓名 性別年齡 手機qq哈哈女 10213312344321 12344321哈哈女 10213312344321 12344321哈哈女 10213312344321 12344321哈哈女 10213312344321 12344321 哈哈 女102 13312344321 12344321哈...

table隔行變色

我們在操作div ul li的時候一般都是用document.getelementbyid和document.getelementstagname選擇器來選擇元素，而當我們操作 應用的時候有更簡便的js操作方式 比如 tbodies,選擇 身體tbody thead,選擇 頭部，乙個 中只能含有乙個...

css 隔行變色，表單布局

隔行變色 list1 li nth of type odd 奇數行 list1 li nth of type even 偶數行 list2 li nth child 4n 1 從第一行開始算起 每隔4個 包含第四個 使用此樣式 list00000 li nth child 4n 2 從第二行開始算起...