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

相关文章
相关标签/搜索