编程 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 相关文章推荐

在js中使用"with"语句中跨frame的变量引用问题

Mar 08 Javascript

Javascript 作用域使用说明

Aug 13 Javascript

JavaScript 变量作用域分析

Jul 04 Javascript

jQuery函数的等价原生函数代码示例

May 27 Javascript

js实现可得到不同颜色值的颜色选择器实例

Feb 28 Javascript

jQuery轻松实现无缝轮播效果

Mar 22 jQuery

Javascript中click与blur事件的顺序详析

Apr 25 Javascript

javascript 中iframe高度自适应（同域）实例详解

May 16 Javascript

JS中的回调函数实例浅析

Mar 21 Javascript

利用Bootstrap Multiselect实现下拉框多选功能

Apr 08 Javascript

javascript实现导航栏分页效果

Jun 27 Javascript

Vue CLI中模式与环境变量的深入详解

May 30 Vue.js

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