JavaScript實(shí)現(xiàn)自動變換表格邊框顏色
更新時間：2015年05月08日 09:25:55 投稿：hebedich
用JavaScript控制表格邊框不停的變換顏色,記得以前經(jīng)?？吹竭@種效果,代碼也不復(fù)雜,直接復(fù)制就可用啦! 可自定義顏色，有需要的小伙伴可以參考下。
代碼如下，保存到HTML文件也可以查看效果：
<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>
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
控制某id或class的地div顯示與隱藏是比較容易實(shí)現(xiàn)的，但若控制文字內(nèi)容的顯示與隱藏該如何做到呢？下面有個示例，大家可以參考下2014-06-06
JS實(shí)現(xiàn)網(wǎng)頁標(biāo)題欄顯示當(dāng)前時間和日期的完整代碼
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁標(biāo)題欄顯示當(dāng)前時間和日期的方法,涉及JavaScript日期時間函數(shù)及網(wǎng)頁標(biāo)題欄操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
解決JS組件bootstrap table分頁實(shí)現(xiàn)過程中遇到的問題
這篇文章主要介紹了JS組件bootstrap table分頁實(shí)現(xiàn)過程中遇到的問題，感興趣的小伙伴們可以參考一下2016-04-04
JavaScript中三種非破壞性處理數(shù)組的方法比較
在這篇文章中，我們將會探索處理數(shù)組的三種方法：for…of循環(huán)、數(shù)組方法.reduce()和數(shù)組方法.flatMap()，文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2023-06-06
解決npm安裝Electron緩慢網(wǎng)絡(luò)超時導(dǎo)致失敗的問題
下面小編就為大家分享一篇解決npm安裝Electron緩慢網(wǎng)絡(luò)超時導(dǎo)致失敗的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了JavaScript 匿名函數(shù)和閉包介紹,需要的朋友可以參考下2015-04-04
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等屬性
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等屬性的說明，需要的朋友可以參考下。2011-08-08
js，jquery滾動/跳轉(zhuǎn)頁面到指定位置的實(shí)現(xiàn)思路
這篇文章主要介紹了如何通過js或jquery滾動/跳轉(zhuǎn)頁面到指定位置,需要的朋友可以參考下2014-06-06
Mysql內(nèi)儲存JSON字符串根據(jù)條件進(jìn)行查詢
本文主要介紹了Mysql內(nèi)儲存JSON字符串根據(jù)條件進(jìn)行查詢，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
SeaJS是一個遵循CommonJS規(guī)范的JavaScript模塊加載框架。本文給大家分享sea.js知識總結(jié)，感興趣的朋友一起學(xué)習(xí)吧2016-05-05