编程 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 盒模型尺寸深入理解

Dec 31 Javascript

FF（火狐）浏览器无法执行window.close()解决方案

Nov 13 Javascript

jquery表单验证插件（jquery.validate.js）的3种使用方式

Mar 28 Javascript

javascript实现的简单计时器

Jul 19 Javascript

jQuery数据类型小结(14个)

Jan 08 Javascript

Web开发必知Javascript技巧大全

Feb 23 Javascript

jQuery的ajax中使用FormData实现页面无刷新上传功能

Jan 16 Javascript

详解vue组件基础

May 04 Javascript

vue+iview 实现可编辑表格的示例代码

Oct 31 Javascript

vue前端框架—Mint UI详解（更适用于移动端）

Apr 30 Javascript

解决vue-cli项目开发运行时内存暴涨卡死电脑问题

Oct 29 Javascript

vue中根据时间戳判断对应的时间(今天昨天前天)

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

You might like

使用 php4 加速 web 传输

2006/10/09 PHP

php下使用strpos需要注意 === 运算符

2010/07/17 PHP

深入php 正则表达式的学习探讨

2013/06/06 PHP

Windows平台实现PHP连接SQL Server2008的方法

2017/07/26 PHP

php递归函数怎么用才有效

2018/02/24 PHP

WordPress免插件实现面包屑导航的示例代码

2020/08/20 PHP

window.onbeforeunload方法在IE下无法正常工作的解决办法

2010/01/23 Javascript

扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路

2013/05/17 Javascript

Jquery实现视频播放页面的关灯开灯效果

2013/05/27 Javascript

使用JS 清空File控件的路径值

2013/07/08 Javascript

手机图片预览插件photoswipe.js使用总结

2016/08/25 Javascript

NodeJS和BootStrap分页效果的实现代码

2016/11/07 NodeJs

Bootstrap基本组件学习笔记之input输入框组(9)

2016/12/07 Javascript

jQuery中map函数的两种方式

2017/04/07 jQuery

Angular 2.0+ 的数据绑定的实现示例

2017/08/09 Javascript

AngularJS 的$timeout服务示例代码

2017/09/21 Javascript

JavaScript中常见内置函数用法示例

2018/05/14 Javascript

JavaScript常见鼠标事件与用法分析

2019/01/03 Javascript

详解webpack4.x之搭建前端开发环境

2019/03/28 Javascript

vue App.vue中的公共组件改变值触发其他组件或.vue页面监听

2019/05/31 Javascript

js图数据结构处理迪杰斯特拉算法代码实例

2019/09/11 Javascript

Python列表(list)常用操作方法小结

2015/02/02 Python

利用QT写一个极简单的图形化Python闹钟程序

2015/04/07 Python

简介Django框架中可使用的各类缓存

2015/07/23 Python

Windows下Python2与Python3两个版本共存的方法详解

2017/02/12 Python

为什么黑客都用python(123个黑客必备的Python工具)

2020/01/31 Python

Python3运算符常见用法分析

2020/02/14 Python

Missguided美国官网：英国时尚品牌

2018/01/18 全球购物

香港草莓网：Strawberrynet香港

2019/05/10 全球购物

客服文员岗位职责

2013/11/29 职场文书

大学运动会入场词

2014/02/22 职场文书

入股协议书

2014/04/14 职场文书

单位病假条范文

2015/08/17 职场文书

nginx网站服务如何配置防盗链(推荐)

2021/03/31 Servers

mysql 索引合并的使用

2021/08/30 MySQL

HttpClient实现文件上传功能

2022/08/14 Java/Android