原生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 相关文章推荐
最新优化收藏到网摘代码(digg,diigo)
Feb 07 Javascript
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
Dec 08 Javascript
围观tangram js库
Dec 28 Javascript
javascript实现文字图片上下滚动的具体实例
Jun 28 Javascript
jQuery控制iFrame(实例代码)
Nov 19 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
Dec 22 Javascript
JavaScript实现多种排序算法
Feb 24 Javascript
js实现移动端微信页面禁止字体放大
Feb 16 Javascript
纯JS单页面赛车游戏制作代码分享
Mar 03 Javascript
Vue.js路由vue-router使用方法详解
Mar 20 Javascript
vue监听scroll的坑的解决方法
Sep 07 Javascript
keep-alive不能缓存多层级路由菜单问题解决
Mar 10 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的输入输出流
2007/02/14 PHP
php中使用redis队列操作实例代码
2013/02/07 PHP
注意:php5.4删除了session_unregister函数
2013/08/05 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
List Information About the Binary Files Used by an Application
2007/06/11 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
2013/01/04 Javascript
从数组中随机取x条不重复数据的JS代码
2013/12/24 Javascript
Javascript排序算法之计数排序的实例
2014/04/05 Javascript
微信分享的标题、缩略图、连接及描述设置方法
2014/10/14 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
2015/12/07 Javascript
jquery中object对象循环遍历的方法
2015/12/18 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
2016/02/22 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
JavaScript仿百度图片浏览效果
2016/11/23 Javascript
完全深入学习Bootstrap表单
2016/11/28 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
2020/04/07 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
js实现抽奖功能
2020/11/24 Javascript
Python中操作文件之write()方法的使用教程
2015/05/25 Python
python实战之实现excel读取、统计、写入的示例讲解
2018/05/02 Python
python实现俄罗斯方块
2018/06/26 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
说出ArrayList,Vector, LinkedList的存储性能和特性
2015/01/04 面试题
岗位竞聘演讲稿
2014/01/10 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
发布会邀请函
2015/01/31 职场文书
大学生个人学年总结
2015/02/15 职场文书
追讨欠款律师函
2015/05/27 职场文书
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python