原生javascript实现隔行换色
更新时间:2015年01月04日 10:11:18 投稿:hebedich
这篇文章主要介绍了原生javascript实现隔行换色,需要的朋友可以参考下
js让我们一起从基础来学习,我们一点一点的来学习
下边是我写的代码,然后大家看着学习下吧!!!
复制代码 代码如下:
<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%10==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%10==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>
功能很简单,却非常实用,小伙伴们参考下吧。
相关文章
javascript使用百度地图api和html5特性获取浏览器位置
本文介绍了javascript使用百度地图api和html5特性获取浏览器位置的小功能,大家参考使用吧2014-01-01前端项目中报错Uncaught (in promise)的解决方法
最近在做项目的时候控制台报了一个错Uncaught(in promise) false,这篇文章主要给大家介绍了关于前端项目中报错Uncaught (in promise)的解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04基于JavaScript FileReader上传图片显示本地链接
这篇文章主要为大家详细介绍了基于JavaScript FileReader上传图片显示本地链接的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-05-05
最新评论