您的位置：首页 > Web前端 > CSS

09-表格外边框具有霓虹灯效果（表格样式）

2013-06-21 21:02 288 查看

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>测试表格样式</title>
<script>
var i = 0;
//定义颜色值得数组
var Color = new Array("#0000ff", "#99ff00", "#660033", "#cc66cc", "#ffff33");
function change() {
if (i > Color.length - 1)
//如果i的值大于数组的元素数，将I的值为0
i = 0;
//改变表格边框颜色
table1.style.borderColor = Color[i];
i += 1;
//每隔500毫秒调用一次该方法
setTimeout("change()", 500);
}
</script>
</head>

<body onload="change()">
<table id="table1" border="5">
<tr>
<td align="center"><strong>明日科技</strong>
</td>
</tr>
<tr>
<td align="center"><pre>霓虹灯效果</pre>
</td>
</tr>
</table>
</body>
</html>

注意：该特效在360谷歌浏览器下使用时有效，在IE中使用看不到效果！！！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 霓虹灯外框

相关文章推荐

新的分享

章节导航