原生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 数据类型转换总结笔记
Jan 17 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
Jan 10 Javascript
JS面试题---关于算法台阶的问题
Jul 26 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
Feb 12 Javascript
详解在Vue中有条件地使用CSS类
Sep 30 Javascript
jquery获取transform里的值实现方法
Dec 12 jQuery
JavaScript满天星导航栏实现方法
Mar 08 Javascript
深入浅析Vue.js计算属性和侦听器
May 05 Javascript
解决vue数组中对象属性变化页面不渲染问题
Aug 09 Javascript
vue2.0获取鼠标位置的方法
Sep 13 Javascript
微信小程序时间控件picker view使用详解
Dec 28 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
Zend studio文件注释模板设置方法
2013/09/29 PHP
php不使用插件导出excel的简单方法
2014/03/04 PHP
Prototype Date对象 学习
2009/07/12 Javascript
JS面向对象编程 for Cookie
2010/09/19 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
2013/01/16 Javascript
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
js中的json对象详细介绍
2014/10/29 Javascript
jquery实现拖拽调整Div大小
2015/01/30 Javascript
浅谈NodeJS中require路径问题
2015/05/07 NodeJs
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
2016/01/21 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
Bootstrap CSS布局之列表
2016/12/15 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
2018/03/06 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
浅谈vue同一页面中拥有两个表单时,的验证问题
2018/09/18 Javascript
JS实现的自定义map方法示例
2019/05/17 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
[54:29]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第二场
2018/04/09 DOTA
python中numpy的矩阵、多维数组的用法
2018/02/05 Python
Django使用 Bootstrap 样式修改书籍列表过程解析
2019/08/09 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
戴尔美国官方折扣店:Dell Outlet
2018/02/13 全球购物
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
工程监理应届生求职信
2013/11/09 职场文书
肯尼迪就职演说稿
2013/12/31 职场文书
受伤赔偿协议书
2014/09/24 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
2014年人事部工作总结
2014/12/03 职场文书
医院病假条怎么写
2015/08/17 职场文书