原生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 相关文章推荐
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 Javascript
jQuery 拖动层(在可视区域范围内)
May 24 Javascript
js动态切换图片的方法
Jan 20 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
理解JS绑定事件
Jan 19 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
Apr 25 Javascript
ES6中新增的Object.assign()方法详解
Sep 22 Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
angular异步验证防抖踩坑实录
Dec 01 Javascript
ES5新增数组的实现方法
May 12 Javascript
深入了解Vue.js 混入(mixins)
Jul 23 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 Smarty生成EXCEL文档的代码
2008/08/23 PHP
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
PHP中把有符号整型转换为无符号整型方法
2015/05/27 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
PHP7修改的函数
2021/03/09 PHP
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
Webpack 实现 Node.js 代码热替换
2015/10/22 Javascript
基于JavaScript实现智能右键菜单
2016/03/02 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
2016/04/08 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
jQuery图片加载失败替换默认图片方法汇总
2017/11/29 jQuery
Vue组件之极简的地址选择器的实现
2018/05/31 Javascript
js实现多个标题吸顶效果
2020/01/08 Javascript
vue全屏事件开发详解
2020/06/17 Javascript
python实现将文本转换成语音的方法
2015/05/28 Python
Python中文竖排显示的方法
2015/07/28 Python
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
python的Jenkins接口调用方式
2020/05/12 Python
python3.8.1+selenium实现登录滑块验证功能
2020/05/22 Python
python爬虫快速响应服务器的做法
2020/11/24 Python
python re模块常见用法例举
2021/03/01 Python
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
2020/11/10 HTML / CSS
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
祝寿主持词
2015/07/02 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
导游词之五台山
2019/10/11 职场文书
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL
Python使用Beautiful Soup(BS4)库解析HTML和XML
2022/06/05 Python