javascript 隔行變色,鼠標滑過變色

隔行變色,突出的是 隔行變色哈。奇數行和偶數行不一樣。javascript

鼠標滑過變色,鼠標離開時要賦回原來的顏色,滑動到哪一行要賦新的顏色,兩個事件java

和 onmouseoveride

代碼以下:this

  
  
           
  
  
  1. <script type="text/javascript" > 
  2.  
  3.     var i=0
  4.     document.write("<table align='center'>"); 
  5.     while(i<20){ 
  6.         if(i%2 ==0) 
  7.         bg ="#ffffff"
  8.         else 
  9.         bg ="#cccccc"
  10.          
  11.         document.write('<tr bgcolor="'+bg+'" onmouseover="show(this)" onmouseout="show1(this)">'); 
  12.         document.write("<td>"); 
  13.         document.write(i*100000); 
  14.         document.write("</td>"); 
  15.         document.write("</tr>"); 
  16.         i++; 
  17.     } 
  18.     document.write("</table>") 
  19.      
  20.     var yas = null
  21.     function show(obj){ 
  22.         yas = obj.bgColor; 
  23.         obj.bgColor = "red"
  24.     } 
  25.     function show1(obj){ 
  26.         obj.bgColor = yas
  27.     } 
  28. </script> 

注意幾點:spa

一、document.write('<tr bgcolor="'+bg+'" onmouseout="show1(this)">');
要寫在一行,分行會報錯。xml

二、<tr 裏的屬性是 bgcolor 可是要取得顏色值 必須是 obj.bgColor (由於這個折騰了好長時間)seo

三、鼠標滑過變色的原理:滑到某一行(onmouseover),先記下這一行的原來的顏色值,再賦給新值,事件

當鼠標離開時(onmouseout),把顏色賦回給原來的值。。ip

 it

相關文章
相關標籤/搜索