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

2010年最佳jQuery插件整理

Dec 06 Javascript

js 关于=+与+=日期函数使用说明(赋值运算符)

Nov 15 Javascript

JavaScript var声明变量背后的原理示例解析

Oct 12 Javascript

JavaScript使用指针操作实现约瑟夫问题实例

Apr 07 Javascript

js获取form的方法

May 06 Javascript

javascript实现的多个层切换效果通用函数实例

Jul 06 Javascript

微信小程序 rich-text的使用方法

Aug 04 Javascript

Vue 表情包输入组件的实现代码

Jan 21 Javascript

js变量声明var使用与不使用的区别详解

Jan 21 Javascript

Vue实现一个图片懒加载插件

Mar 11 Javascript

原生js实现日历效果

Mar 02 Javascript

详解vue-cli项目在IE浏览器打开报错解决方法

Dec 10 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

You might like

php开启openssl的方法

2014/05/15 PHP

PHP获取当前页面URL函数实例

2014/10/22 PHP

[原创]php获取数组中键值最大数组项的索引值

2015/03/17 PHP

PHP学习笔记（三）：数据类型转换与常量介绍

2015/04/17 PHP

php实现的Curl封装类Curl.class.php用法实例分析

2015/09/25 PHP

再推荐十款免费的php开发工具

2015/11/09 PHP

php中引用&的用法分析【变量引用,函数引用,对象引用】

2016/12/12 PHP

解决laravel session失效的问题

2019/10/14 PHP

一实用的实现table排序的Javascript类库

2007/09/12 Javascript

JavaScript中使用构造函数实现继承的代码

2010/08/12 Javascript

使用javascript获取页面名称

2014/12/23 Javascript

JavaScript中实现单体模式分享

2015/01/29 Javascript

动态更新highcharts数据的实现方法

2016/05/28 Javascript

微信小程序判断手机号的实现代码

2017/04/19 Javascript

详解webpack 如何集成第三方js库

2017/06/29 Javascript

addeventlistener监听scroll跟touch(实例讲解)

2017/08/04 Javascript

实例详解BootStrap的动态模态框及静态模态框

2018/08/13 Javascript

微信小程序使用canvas自适应屏幕画海报并保存图片功能

2019/07/25 Javascript

node.js使用yargs处理命令行参数操作示例

2020/02/11 Javascript

[57:59]EG vs Secret 2018国际邀请赛淘汰赛BO3 第一场 8.22

2018/08/23 DOTA

为Python的web框架编写前端模版的教程

2015/04/30 Python

Python上传package到Pypi(代码简单)

2016/02/06 Python

详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别

2017/06/23 Python

Python实现的合并两个有序数组算法示例

2019/03/04 Python

Django app配置多个数据库代码实例

2019/12/17 Python

TensorFLow 变量命名空间实例

2020/02/11 Python

python飞机大战游戏实例讲解

2020/12/04 Python

matplotlib部件之矩形选区(RectangleSelector)的实现

2021/02/01 Python

美国亚马逊旗下时尚女装网店：SHOPBOP（支持中文）

2020/10/17 全球购物

经典的班主任推荐信

2013/10/28 职场文书

党员年终民主评议的自我评价

2013/11/05 职场文书

酒店员工培训方案

2014/06/02 职场文书

食品质量与安全专业毕业生求职信

2014/08/11 职场文书

2014年乡镇安全生产工作总结

2014/12/02 职场文书

Redis实现订单自动过期功能的示例代码

2021/05/08 Redis

教你利用python实现企业微信发送消息

2021/05/23 Python