JavaScript实现自动变换表格边框颜色


Posted in Javascript onMay 08, 2015

代码如下,保存到HTML文件也可以查看效果:

<html>
<head>
<meta charset="utf-8">
<title>表格边框变换颜色代码</title>
</head>
<body>
<table border="0" width="261" id="change_3water_net" style="border:1px solid red">
<tr>
<td>等待,然后注意看边框是不是变色了?</td>
</tr>
</table>
<script>
<!--
function hovertreecolor(){

if (change_3water_net.style.borderColor=="blue")
change_3water_net.style.borderColor="red"
else
change_3water_net.style.borderColor="blue"
}
setInterval("hovertreecolor()", 3000)
</script>
</body>
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
Jan 31 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 Javascript
Google Maps基础及实例解析
Aug 06 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
canvas实现十二星座星空图
Feb 14 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
Jun 17 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
Aug 09 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
JavaScript封闭函数及常用内置对象示例
May 13 Javascript
vue百度地图 + 定位的详解
May 13 Javascript
JavaScript基于setTimeout实现计数的方法
May 08 #Javascript
jQuery基于图层模仿五星星评价功能的方法
May 07 #Javascript
jQuery实现的多屏图像图层切换效果实例
May 07 #Javascript
jquery实现图片左右切换的方法
May 07 #Javascript
jQuery实现的动态伸缩导航菜单实例
May 07 #Javascript
jQuery团购倒计时特效实现方法
May 07 #Javascript
js由下向上不断上升冒气泡效果实例
May 07 #Javascript
You might like
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
如何使用php判断服务器是否是HTTPS连接
2013/07/05 PHP
ThinkPHP实现一键清除缓存方法
2014/06/26 PHP
PHP使用NuSOAP调用Web服务的方法
2015/07/18 PHP
PHP数组生成XML格式数据的封装类实例
2016/11/10 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
Js实现双击鼠标自动滚动屏幕的示例代码
2013/12/14 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
jQuery实现的图片分组切换焦点图插件
2015/01/06 Javascript
AngularJS语法详解
2015/01/23 Javascript
浅谈Javascript数组的使用
2015/07/29 Javascript
一不小心就做错的JS闭包面试题
2015/11/25 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
2016/02/25 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
2016/08/06 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
vue proxyTable 接口跨域请求调试的示例
2017/09/12 Javascript
详解使用路由延迟加载 Angular 模块
2017/10/12 Javascript
NodeJS实现视频转码的示例代码
2017/11/18 NodeJs
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
详解使用Next.js构建服务端渲染应用
2018/07/10 Javascript
详解js 创建对象的几种方法
2019/03/08 Javascript
[33:39]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第二局
2016/02/27 DOTA
简单介绍Python中的decode()方法的使用
2015/05/18 Python
python实现备份目录的方法
2015/08/03 Python
Python3 socket同步通信简单示例
2017/06/07 Python
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
python pygame实现五子棋小游戏
2020/10/26 Python
Python unittest单元测试框架及断言方法
2020/04/15 Python
Python 解析库json及jsonpath pickle的实现
2020/08/17 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
华纳兄弟工作室的官方授权商店:WB Shop
2018/11/30 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
写给老婆的检讨书
2014/02/21 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
渠道运营商合作协议书范本
2014/10/06 职场文书
Python数组变形的几种实现方法
2022/05/30 Python