原生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 相关文章推荐
ExtJS4 组件化编程,动态加载,面向对象,Direct
May 12 Javascript
超简单JS二级、多级联动的简单实例
Feb 18 Javascript
使用JavaScript 实现的人脸检测
Mar 24 Javascript
JS+CSS实现带小三角指引的滑动门效果
Sep 22 Javascript
BootStrap使用file-input插件上传图片的方法
Sep 05 Javascript
AngularJS service之select下拉菜单效果
Jul 28 Javascript
javascript中new Array()和var arr=[]用法区别
Dec 01 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
关于TypeScript模块导入的那些事
Jun 12 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
vue页面切换项目实现转场动画的方法
Nov 12 Javascript
在vue-cli3中使用axios获取本地json操作
Jul 30 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
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
2013/04/19 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
Bootstrap整体框架之JavaScript插件架构
2016/12/15 Javascript
JavaScript获取当前时间向前推三个月的方法示例
2017/02/04 Javascript
Angular 4.x 动态创建表单实例
2017/04/25 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
2017/08/29 jQuery
JavaScript格式化json和xml的方法示例
2019/01/22 Javascript
浅析JS中NEW的实现原理及重写
2020/02/20 Javascript
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
python自动安装pip
2014/04/24 Python
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
python实现杨辉三角思路
2017/07/14 Python
使用requests库制作Python爬虫
2018/03/25 Python
Python 在字符串中加入变量的实例讲解
2018/05/02 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
通过shell+python实现企业微信预警
2019/03/07 Python
详解【python】str与json类型转换
2019/04/29 Python
python requests库爬取豆瓣电视剧数据并保存到本地详解
2019/08/10 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
Python 实现Numpy中找出array中最大值所对应的行和列
2019/11/26 Python
Python和Sublime整合过程图示
2019/12/25 Python
python zip,lambda,map函数代码实例
2020/04/04 Python
详解python使用金山词霸的翻译功能(调试工具断点的使用)
2021/01/07 Python
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
C语言笔试题回忆
2015/04/02 面试题
如何查看在weblogic中已经发布的EJB
2012/06/01 面试题
陈欧广告词
2014/03/14 职场文书
企业晚会策划方案
2014/05/29 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
2016形势与政策学习心得体会
2016/01/12 职场文书
2019教师的学习计划
2019/06/25 职场文书
人民币符号
2022/02/17 杂记
Python中字符串对象语法分享
2022/02/24 Python
Python&Matlab实现灰狼优化算法的示例代码
2022/03/21 Python