隔行变色,突出的是 隔行变色哈。奇数行和偶数行不一样。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