软件学堂

网游分类软件分类

JS代码制作闪亮的表格边框

2012-10-29 来源:网络

【实例名称】

JS代码制作闪亮的表格边框

【实例描述】

可使用表格的样式属性“style”设置边框的特性。本例通过JavaScript设置表格的边框属性,实现边框的闪亮效果。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body> <table border="0" width="280" id="tb1" style="border:3px solid green">    <tr>    <td>      这是一个闪亮的表格边框!    </td>    </tr>    </table>    <script language="JavaScript">    function flashTable()    {    if (!document.all) return           //判断浏览器的类型    if (tb1.style.borderColor=="green") //判断表格的颜色是否是绿色    tb1.style.borderColor="red"         //将颜色更改为红色    else    tb1.style.borderColor="green"       //将颜色更改为绿色    }    setInterval("flashTable()", 400)    //每隔400毫秒就更新下颜色    </script> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例的重点是表格的“style”属性,“green”表示将表格的颜色设置为绿色:本例使用一个定时器,每隔400毫秒调用一次‘‘flashTable”方法,此方法通过“borderColor”属性不断修改边框的颜色,以实现闪亮效果。

【源码下载】

如果你不愿复制代码及提高代码准确性,你可以点击:闪亮的表格边框 进行本实例源码下载 

上一篇:利用PS通道及计算给脸部去斑磨皮
下一篇:如何实现表格的宽度固定后内容自动换行

相关文章