编程 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脚本代码跑起来。

Jan 09 Javascript

9个JavaScript评级/投票插件

Jan 18 Javascript

关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题

Dec 08 Javascript

jquery中的查找parents与closest方法之间的区别

Dec 02 Javascript

技术男用来对妹子表白的百度首页

Jul 23 Javascript

jQuery实现tab选项卡效果的方法

Jul 08 Javascript

jQuery实现的自适应焦点图效果完整实例

Aug 24 Javascript

AngularJs篇：使用AngularJs打造一个简易权限系统的实现代码

Dec 26 Javascript

JavaScript实现一个带AI的井字棋游戏源码

May 21 Javascript

浅谈webpack 四个核心概念之Entry

Jun 12 Javascript

AntV F2和vue-cli构建移动端可视化视图过程详解

Oct 08 Javascript

Node.js利用Express实现用户注册登陆功能(推荐)

Oct 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

You might like

劣质的PHP代码简化

2010/02/08 PHP

memcached 和 mysql 主从环境下php开发代码详解

2010/05/16 PHP

PHP自动重命名文件实现方法

2014/11/04 PHP

PHP实现的DES加密解密封装类完整实例

2017/04/29 PHP

[原创]PHP正则删除html代码中a标签并保留标签内容的方法

2017/05/23 PHP

基于jquery的不规则矩形的排列实现代码

2012/04/16 Javascript

jquery选择器使用详解

2014/04/08 Javascript

输入框过滤非数字的js代码

2014/09/18 Javascript

纯JavaScript实现获取onclick、onchange等事件的值

2014/12/29 Javascript

多个jQuery版本共存的处理方案

2015/03/17 Javascript

js验证真实姓名与身份证号,手机号的简单实例

2016/07/18 Javascript

简单理解vue中el、template、replace元素

2016/10/27 Javascript

getElementById().innerHTML与getElementById().value的区别

2016/10/27 Javascript

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

2016/12/01 Javascript

jQuery Validate格式验证功能实例代码（包括重名验证）

2017/07/18 jQuery

基于Vue2.0+ElementUI实现表格翻页功能

2017/10/23 Javascript

Vue+Flask实现简单的登录验证跳转的示例代码

2018/01/13 Javascript

axios post提交formdata的实例

2018/03/16 Javascript

详解vue-flickity的fullScreen功能实现

2020/04/07 Javascript

JavaScript日期库date-fn.js使用方法解析

2020/09/09 Javascript

python实现代理服务功能实例

2013/11/15 Python

Python urllib、urllib2、httplib抓取网页代码实例

2015/05/09 Python

Python 功能和特点(新手必学)

2015/12/30 Python

详解Django中间件的5种自定义方法

2018/07/26 Python

django admin后台添加导出excel功能示例代码

2019/05/15 Python

详解python 中in 的用法

2019/12/12 Python

python爬虫破解字体加密案例详解

2021/03/02 Python

BIBLOO波兰：捷克的一家在线服装店

2018/03/09 全球购物

Marlies Dekkers内衣荷兰官方网店：荷兰奢侈内衣品牌

2020/03/27 全球购物

运动会入场词200字

2014/02/15 职场文书

信息专业学生学习的自我评价

2014/02/17 职场文书

模具专业毕业推荐信

2014/03/08 职场文书

中专毕业生的自荐书

2014/07/01 职场文书

十佳家长事迹材料

2014/08/26 职场文书

公司承诺函范文

2015/01/21 职场文书

Django集成富文本编辑器summernote的实现步骤

2021/05/31 Python