原生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 相关文章推荐
JQuery与iframe交互实现代码
Dec 24 Javascript
jQuery Ajax异步处理Json数据详解
Nov 05 Javascript
谈谈JavaScript类型系统之Math
Jan 06 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
Sep 18 Javascript
Vue 组件封装 并使用 NPM 发布的教程
Sep 30 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
Dec 25 Javascript
原生JS实现贪吃蛇小游戏
Mar 09 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 存取 MySQL 数据库的一个例子
2006/10/09 PHP
php 用sock技术发送邮件的函数
2007/07/21 PHP
php empty函数 使用说明
2009/08/10 PHP
php中Array2xml类实现数组转化成XML实例
2014/12/08 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
PHP后门隐藏的一些技巧总结
2020/11/04 PHP
JS DOM 操作实现代码
2010/08/01 Javascript
jQuery实现遮罩层登录对话框
2016/12/29 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
2017/01/04 Javascript
vue.js选中动态绑定的radio的指定项
2017/06/02 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
2018/03/26 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD
2018/04/04 DOTA
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
python创建临时文件夹的方法
2015/07/06 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
如何在python中使用selenium的示例
2017/12/26 Python
python计算两个矩形框重合百分比的实例
2018/11/07 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
Python GUI编程学习笔记之tkinter控件的介绍及基本使用方法详解
2020/03/30 Python
Tensorflow中的图(tf.Graph)和会话(tf.Session)的实现
2020/04/22 Python
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
运动会闭幕式解说词
2014/02/21 职场文书
英语演讲稿3分钟
2014/04/29 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
见义勇为事迹材料
2014/12/24 职场文书
地道战观后感500字
2015/06/04 职场文书
解读Vue组件注册方式
2021/05/15 Vue.js
Mysql忘记密码解决方法
2022/02/12 MySQL
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers