编程 Javascript

原生javascript实现隔行换色

Posted in Javascript onJanuary 04, 2015

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实现隔行换色

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox

Aug 05 Javascript

有关JavaScript的10个怪癖和秘密分享

Aug 28 Javascript

js中回调函数的学习笔记

Jul 31 Javascript

Node.js项目中调用JavaScript的EJS模板库的方法

Mar 11 Javascript

jQuery实现放大镜效果实例代码

Mar 17 Javascript

KnockoutJS 3.X API 第四章之click绑定

Oct 10 Javascript

jquery插件锦集【推荐】

Dec 16 Javascript

js判断iframe中元素是否存在的实现代码

Dec 24 Javascript

Bootstrap布局之栅格系统学习笔记

May 04 Javascript

webpack常用配置总览(小结)

Nov 18 Javascript

vue route新窗口跳转页面并且携带与接收参数

Apr 10 Vue.js

详细介绍Next.js脚手架完整搭建封装

Apr 26 Javascript

jQuery中:reset选择器用法实例

Jan 04 #Javascript

浅谈 javascript 事件处理

Jan 04 #Javascript

jquery实现可拖拽弹出层特效

Jan 04 #Javascript

jQuery中:image选择器用法实例

Jan 03 #Javascript

jQuery中:submit选择器用法实例

Jan 03 #Javascript

jQuery中:checkbox选择器用法实例

Jan 03 #Javascript

jQuery中:radio选择器用法实例

Jan 03 #Javascript