原生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实现的抽象CSS圆角效果!!
May 03 Javascript
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
Jul 06 Javascript
基于jquery的jqDnR拖拽溢出的修改
Feb 12 Javascript
JSON.stringify 语法实例讲解
Mar 14 Javascript
在JavaScript中typeof的用途介绍
Apr 11 Javascript
JavaScript显示表单内元素数量的方法
Apr 02 Javascript
被遗忘的javascript的slice() 方法
Apr 20 Javascript
JavaScript来实现打开链接页面的简单实例
Jun 02 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
vue2 自定义动态组件所遇到的问题
Jun 08 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
vue+element实现图片上传及裁剪功能
Jun 29 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
杏林同学录(八)
2006/10/09 PHP
php引用计数器进行垃圾收集机制介绍
2012/09/19 PHP
php+ajax简单实现全选删除的方法
2016/12/06 PHP
PHP简单实现欧拉函数Euler功能示例
2017/11/06 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
JQury slideToggle闪烁问题及解决办法
2011/07/05 Javascript
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
jquery中filter方法用法实例分析
2015/02/06 Javascript
jquery获取复选框checkbox的值实现方法
2016/05/30 Javascript
利用JQuery直接调用asp.net后台的简单方法
2016/10/27 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
Vue路由对象属性 .meta $route.matched详解
2019/11/04 Javascript
解析Python编程中的包结构
2015/10/25 Python
Diango + uwsgi + nginx项目部署的全过程(可外网访问)
2018/04/22 Python
python GUI库图形界面开发之PyQt5滑块条控件QSlider详细使用方法与实例
2020/02/28 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
keras 多任务多loss实例
2020/06/22 Python
django和flask哪个值得研究学习
2020/07/31 Python
python中slice参数过长的处理方法及实例
2020/12/15 Python
html5本地存储 localStorage操作使用详解
2016/09/20 HTML / CSS
AOP的定义以及作用
2013/09/08 面试题
Ref与out有什么不同
2012/11/24 面试题
建筑施工员岗位职责
2013/11/26 职场文书
纪念一二九运动演讲稿
2014/09/16 职场文书
银行反四风对照检查材料
2014/09/29 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
委托书的样本
2015/01/28 职场文书
李强感恩观后感
2015/06/17 职场文书
sql查询结果列拼接成逗号分隔的字符串方法
2021/05/25 SQL Server
Python中字符串对象语法分享
2022/02/24 Python
Python字符串格式化方式
2022/04/07 Python