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

jquery 列表双向选择器之改进版

Aug 09 Javascript

js中的onchange和onpropertychange (onchange无效的解决方法)

Mar 08 Javascript

jquery ajax应用中iframe自适应高度问题解决方法

Apr 12 Javascript

javascript中解析四则运算表达式的算法和示例

Aug 11 Javascript

基于jQuery实现下拉框

Nov 24 Javascript

js自定义弹框插件的封装

Aug 24 Javascript

vue.js实现单选框、复选框和下拉框示例

Jul 18 Javascript

node版本管理工具n包使用教程详解

Nov 09 Javascript

VuePress 快速踩坑小结

Feb 14 Javascript

基于node.js实现爬虫的讲解

Feb 18 Javascript

微信小程序文章列表功能完整实例

Jun 03 Javascript

JavaScript中arguments的使用方法详解

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

php输出echo、print、print_r、printf、sprintf、var_dump的区别比较

2013/06/21 PHP

详解WordPress开发中用于获取分类及子页面的函数用法

2016/01/08 PHP

Thinkphp通过一个入口文件如何区分移动端和PC端

2017/04/18 PHP

老生常谈PHP面向对象之标识映射

2017/06/21 PHP

PHP5.0 TIDY_PARSE_FILE缓冲区溢出漏洞的解决方案

2018/10/14 PHP

javascript中的window.location.search方法简介

2013/09/02 Javascript

jquery按回车提交数据的代码示例

2013/11/05 Javascript

利用JavaScript检测CPU使用率自己写的

2014/03/22 Javascript

jquery鼠标放上去显示悬浮层即弹出定位的div层

2014/04/25 Javascript

jquery实现的一个简单进度条效果实例

2014/05/12 Javascript

一个小例子解释如何来阻止Jquery事件冒泡

2014/07/17 Javascript

Node.js与Sails ~项目结构与Mvc实现及日志机制

2015/10/14 Javascript

微信小程序进行微信支付的步骤昂述

2016/12/01 Javascript

微信小程序用户数据解密详细介绍

2017/01/09 Javascript

javascript判断元素存在和判断元素存在于实时的dom中的方法

2017/01/17 Javascript

微信小程序三级联动地址选择器的实例代码

2017/07/12 Javascript

JavaScript运行原理分析

2018/02/09 Javascript

javascript数据类型中的一些小知识点（推荐）

2019/04/18 Javascript

对TypeScript库进行单元测试的方法

2019/07/18 Javascript

python基础_文件操作实现全文或单行替换的方法

2017/09/04 Python

Python爬虫获取整个站点中的所有外部链接代码示例

2017/12/26 Python

python分治法求二维数组局部峰值方法

2018/04/03 Python

使用python 写一个静态服务(实战)

2019/06/28 Python

详解Django定时任务模块设计与实践

2019/07/24 Python

在echarts中图例legend和坐标系grid实现左右布局实例

2020/05/16 Python

Anaconda使用IDLE的实现示例

2020/09/23 Python

Python读取图像并显示灰度图的实现

2020/12/01 Python

董事长秘书岗位职责

2013/11/29 职场文书

运动会800米加油稿

2014/02/22 职场文书

手机被没收检讨书

2014/02/22 职场文书

高中综合实践活动总结

2014/07/07 职场文书

中学生检讨书1000字

2014/10/28 职场文书

企业党的群众路线教育实践活动学习心得体会

2014/10/31 职场文书

2014年审计工作总结

2014/11/17 职场文书

七年级英语教学反思

2016/02/15 职场文书

spring cloud 配置中心客户端启动遇到的问题

2021/09/25 Java/Android