原生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 相关文章推荐
一个用js实现控制台控件的代码
Sep 04 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
js处理表格对table进行修饰
May 26 Javascript
详谈jQuery中的this和$(this)
Nov 13 Javascript
Vue开发中整合axios的文件整理
Apr 29 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
Mar 13 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
详解Vue SPA项目优化小记
Jul 03 Javascript
小程序实现授权登陆的解决方案
Dec 02 Javascript
Vue作用域插槽实现方法及作用详解
Jul 08 Javascript
Openlayers实现测量功能
Sep 25 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
DISCUZ 分页代码
2007/01/02 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
JavaScript 匿名函数和闭包介绍
2015/04/13 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
Angularjs实现多个页面共享数据的方式
2016/03/29 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
2016/05/16 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
2017/03/03 Javascript
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
js实现列表向上无限滚动
2020/01/13 Javascript
jQuery实现滑动开关效果
2020/08/02 jQuery
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
Python的网络编程库Gevent的安装及使用技巧
2016/06/24 Python
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
python实现决策树
2017/12/21 Python
对python中使用requests模块参数编码的不同处理方法
2018/05/18 Python
python进行两个表格对比的方法
2018/06/27 Python
TensorFlow使用Graph的基本操作的实现
2020/04/22 Python
摩托车和ATV零件、配件和服装的首选在线零售商:MotoSport
2017/12/22 全球购物
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
C语言笔试集
2012/07/24 面试题
面向对象概念面试题(.NET)
2016/11/04 面试题
幼师自荐信范文
2013/10/06 职场文书
最新党员思想汇报
2014/01/01 职场文书
活动总结报告范文
2014/05/04 职场文书
党员国庆节演讲稿范文2014
2014/09/21 职场文书
医院领导班子整改方案
2014/10/01 职场文书
怎么写工作检讨书
2014/11/16 职场文书
董事长助理岗位职责
2015/02/11 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
高一数学教学反思
2016/02/18 职场文书
Django分页器的用法你都了解吗
2021/05/26 Python
《火纹风花雪月无双》预告“神秘雇佣兵” 紫发剑客
2022/04/13 其他游戏