首页 > web前端 > js教程 > 正文

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

WBOY
发布: 2016-05-16 16:22:28
原创
1012 人浏览过

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>


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

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板