原生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格式化金额可设置保留的小数位数
May 09 Javascript
JavaScript 异常处理 详解
Feb 06 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
Apr 30 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
原生js与jQuery实现简单的tab切换特效对比
Jul 30 Javascript
纯javascript实现自动发送邮件
Oct 21 Javascript
location.hash保存页面状态的技巧
Apr 28 Javascript
Augularjs-起步详解
Jul 08 Javascript
微信小程序自定义多选事件的实现代码
May 17 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 Javascript
javascript将扁平的数据转为树形结构的高效率算法
Feb 27 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/03/05 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)
2016/12/02 PHP
PHP设计模式之工厂模式详解
2017/10/24 PHP
php查询内存信息操作示例
2019/05/09 PHP
url地址自动加#号问题说明
2010/08/21 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
2014/02/17 Javascript
JavaScript中的操作符==与===介绍
2014/12/31 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
JS中生成随机数的用法及相关函数
2016/01/09 Javascript
最常见和最有用的字符串相关的方法详解
2017/02/06 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
python显示天气预报
2014/03/02 Python
用pywin32实现windows模拟鼠标及键盘动作
2014/04/22 Python
在Python中使用poplib模块收取邮件的教程
2015/04/29 Python
Python的“二维”字典 (two-dimension dictionary)定义与实现方法
2016/04/27 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
python计算两个地址之间的距离方法
2018/06/09 Python
pandas 将索引值相加的方法
2018/11/15 Python
详解从Django Rest Framework响应中删除空字段
2019/01/11 Python
Python提取频域特征知识点浅析
2019/03/04 Python
Python如何输出整数
2020/06/07 Python
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
现代绅士日常奢侈品:Todd Snyder
2019/12/13 全球购物
高级护理实习生自荐信
2013/09/28 职场文书
大学班级学风建设方案
2014/05/01 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
python自动化测试之Selenium详解
2022/03/13 Python