首页 >web前端 >js教程 >原生javascript实现隔行换色_javascript技巧

原生javascript实现隔行换色_javascript技巧

WBOY
WBOY原创
2016-05-16 16:22:281036浏览

js让我们一起从基础来学习,我们一点一点的来学习

下边是我写的代码,然后大家看着学习下吧!!!

复制代码 代码如下:



js演示


<script><br /> document.write('<table border="1" width="100px" align="center">');<br /> var i=0;<br /> while(i<100){<br /> if(i%10==0){<br /> if(i%20==0)<br /> bg="#cccccc";<br /> else<br /> bg="#ffffff";<br /> document.write('<tr onmouseover="show(this)" onmouseout="onshow(this)" bgcolor="'+bg+'">');<br /> }<br /> document.write('<td>'+i+'');<br /> i++;<br /> if(i%10==0){<br /> document.write("<tr>");<br /> }<br /> }<br /> document.write("")<br /> var ys=null;<br /> function show(obj){<br /> ys=obj.bgColor;<br /> obj.bgColor="red";<br /> }<br /> function onshow(obj){<br /> obj.bgColor=ys;<br /> }<br /> </script>


功能很简单,却非常实用,小伙伴们参考下吧。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn