源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

原生javascript实现隔行换色

  • 时间:2020-11-01 18:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:原生javascript实现隔行换色
js让我们一起从基础来学习,我们一点一点的来学习 下边是我写的代码,然后大家看着学习下吧!!!
[u]复制代码[/u] 代码如下:
<html> <head> <title>js演示</title> </head> <body> <script> document.write('<table border="1" width="100px" align="center">'); var i=0; while(i<100){ if(i==0){ if(i%20==0) bg="#cccccc"; else bg="#ffffff"; document.write('<tr onmouseover="show(this)" onmouseout="onshow(this)" bgcolor="'+bg+'">'); } document.write('<td>'+i+'</td>'); i++; if(i==0){ document.write("<tr>"); } } document.write("</table>") var ys=null; function show(obj){ ys=obj.bgColor; obj.bgColor="red"; } function onshow(obj){ obj.bgColor=ys; } </script> </body> </html>
功能很简单,却非常实用,小伙伴们参考下吧。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部