隔行變色,突出的是 隔行變色哈。奇數行和偶數行不一樣。javascript
鼠標滑過變色,鼠標離開時要賦回原來的顏色,滑動到哪一行要賦新的顏色,兩個事件java
和 onmouseoveride
代碼以下:this
- <script type="text/javascript" >
- var i=0;
- document.write("<table align='center'>");
- while(i<20){
- if(i%2 ==0)
- bg ="#ffffff";
- else
- bg ="#cccccc";
- document.write('<tr bgcolor="'+bg+'" onmouseover="show(this)" onmouseout="show1(this)">');
- document.write("<td>");
- document.write(i*100000);
- document.write("</td>");
- document.write("</tr>");
- i++;
- }
- document.write("</table>")
- var yas = null;
- function show(obj){
- yas = obj.bgColor;
- obj.bgColor = "red";
- }
- function show1(obj){
- obj.bgColor = yas;
- }
- </script>
注意幾點:spa
一、document.write('<tr bgcolor="'+bg+'" onmouseout="show1(this)">');
要寫在一行,分行會報錯。xml二、<tr 裏的屬性是 bgcolor 可是要取得顏色值 必須是 obj.bgColor (由於這個折騰了好長時間)seo
三、鼠標滑過變色的原理:滑到某一行(onmouseover),先記下這一行的原來的顏色值,再賦給新值,事件
當鼠標離開時(onmouseout),把顏色賦回給原來的值。。ip
it