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

 　　用JavaScript控制表格边框不停的变换颜色,记得以前经常看到这种效果,代码也不复杂,直接复制就可用啦! 可自定义颜色，有需要的小伙伴可以参考下。

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

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

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

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

时间： 2024-10-31 13:28:20

JavaScript实现自动变换表格边框颜色的相关文章

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

代码如下,保存到HTML文件也可以查看效果: <html> <head> <meta charset="utf-8"> <title>表格边框变换颜色代码</title> </head> <body> <table border="0" width="261" id="change_jb51_net" style="border

Excel表格边框颜色、粗细等设置动画教程

<Excel2003入门动画教程18.Excel表格边框颜色.粗细等设置>. 演示动画 操作步骤 快速设置边框:Excel表格中同时选中需要设置边框的区域,单击"格式"工具栏上"边框"左侧的下拉按钮,在随后弹出的下拉列表中,选择一种合适的边框样式即可. 设置复杂边框:Excel表格中同时选中需要设置边框的区域,执行"格式→单元格"命令,打开"单元格格式"对话框,切换到"边框"标签下,设置好边框的

wps表格如何设置边框颜色

  首先打开WPS文档,在文档里创建一个表格 我们先设置表格颜色:选中要设置颜色的单元格或整张表,右击,在下拉菜单中单击"边框和底纹",将会弹出一个对话框 在对话框中,选中"底纹"选项,单击填充项目下的长方形右边的箭头,出现颜色选项卡,移动鼠标并单击所要选定的颜色,我们设置为蓝色 现在我们设置表格边框:选中要设置边框的单元格或整张表,右击,在下拉菜单中单击"边框和底纹",将会弹出一个对话框 选中对话框中的"边框"选项 在&qu

javascript实现通过表格绘制颜色填充矩形的方法

这篇文章主要介绍了javascript实现通过表格绘制颜色填充矩形的方法,涉及javascript操作表格与样式的相关技巧,需要的朋友可以参考下 本文实例讲述了javascript实现通过表格绘制颜色填充矩形的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head> <title> Javascript画矩形 </title> <script

Excel 2003改变表格边框及背景颜色

  ①首先,选中需要设置背景和边框颜色的单元格,你可以全部选中,也可以按住Ctrl加鼠标左键选中个别单元格; ②单击菜单栏的"格式",在弹出菜单中选择"单元格"命令; ③在弹出的"单元格格式"窗口中选择"边框",然后在"颜色"中设置自己想要的颜色,再点击"外边框"按钮,就可以给单元格加上边框了; ④上面步骤以及设置了边框颜色,下面我们在进入"图案"中给单元格设置表格背

javascript实现通过表格绘制颜色填充矩形的方法_javascript技巧

本文实例讲述了javascript实现通过表格绘制颜色填充矩形的方法.分享给大家供大家参考.具体如下: <html> <head> <title> Javascript画矩形 </title> <script type="text/javascript"> //定义函数,传入设置参数,返回一个有背景颜色的表格 function drawFilledRect(x,y,w,h,color) { document.write(&qu

Word2007怎么设置表格边框

  在Word2007文档中插入表格并进行录入数据,而有些朋友有时为了工作的要求,要将表格的边框进行设置,那么这时,就要用到"表格工具"功能区中设置表格边框,或者在"边框和底纹"对话框设置. 第1步,打开Word2007文档窗口,在Word表格中选中需要设置边框的单元格或整个表格.在"表格工具"功能区切换到"设计"选项卡,然后在"表样式"分组中单击"边框"下拉三角按钮. 单击"

wps文字中表格边框设置方法

  表格是写文档中常会使用的工具之一,今天小编为大家介绍一下如何在wps文字中设置表格边框. 首先在表格中的任意位置右击,在右击菜单中选择"边框和底纹"选项. 打开边框可底纹界面,我们在此可以对边框的线条类型.颜色等进行设置. 这里将边框的线条设置为3磅,颜色改为红色,修改完成后点击"确定"按钮. 修改后的表格效果.

word2013设置表格边框的方法汇总

 如何设置表格边框吧! 设置表格边框方法一:使用预设的边框样式 1将鼠标光标定位到表格中,然后在表格工具"设计"选项卡"边框"组,单击"边框样式",从展开的列表中选择合适的边框样式. 2这时候鼠标光标变为笔刷形状,在需要应用该边框样式的框线上单击或者按下鼠标左键不放画边框线. 3效果如下图所示. 说明:可以使用同样的办法,在其他框线上使用边框样式. 设置表格边框方法二:自定义边框样式 1将鼠标光标定位到表格中,然后在表格工具"设计&qu