原生javascript實現(xiàn)隔行換色
更新時間：2015年01月04日 10:11:18 投稿：hebedich
這篇文章主要介紹了原生javascript實現(xiàn)隔行換色,需要的朋友可以參考下
js讓我們一起從基礎(chǔ)來學(xué)習(xí)，我們一點一點的來學(xué)習(xí)
下邊是我寫的代碼，然后大家看著學(xué)習(xí)下吧?。?！
復(fù)制代碼 代碼如下:
<html>
<head>
<title>js演示</title>
</head>
<body>
<script>
document.write('<table border="1" width="100px" align="center">');
var i=0;
while(i<100){
if(i%10==0){
if(i%20==0)
bg="#cccccc";
else
bg="#ffffff";
document.write('<tr onmouseover="show(this)" onmouseout="onshow(this)" bgcolor="'+bg+'">');
}
document.write('<td>'+i+'</td>');
i++;
if(i%10==0){
document.write("<tr>");
}
}
document.write("</table>")
var ys=null;
function show(obj){
ys=obj.bgColor;
obj.bgColor="red";
}
function onshow(obj){
obj.bgColor=ys;
}
</script>
</body>
</html>
功能很簡單，卻非常實用，小伙伴們參考下吧。
相關(guān)文章
TypeScript聯(lián)合類型,交叉類型和類型保護
這篇文章主要介紹了TypeScript聯(lián)合類型,交叉類型和類型保護，聯(lián)合類型就是定義一些類型，定義的變量只需要滿足任意一種類型即可，交叉類型就是需要滿足所有類型，交叉類型使用，更多內(nèi)容我們來看看下面文章詳細內(nèi)容吧2021-12-12
showModelessDialog()使用詳解...2006-09-09
bootstrap-table是在bootstrap-table的基礎(chǔ)上寫出來的，專門用于顯示數(shù)據(jù)的表格插件。這篇文章主要介紹了Bootstrap table 定制提示語,需要的朋友可以參考下2017-02-02
Firefox/Chrome/Safari的中可直接使用$/$$函數(shù)進行調(diào)試
偶然發(fā)現(xiàn)的，頁面中沒有引入Prototype和jQuery?？刂婆_中敲$卻發(fā)現(xiàn)是一個函數(shù)。又試著敲$$，也是個function2012-02-02
根據(jù)最新的微信小程序官方的規(guī)定,uniapp中的uni.getUserInfo方法不再返回用戶頭像和昵稱、以及手機號,這篇文章主要介紹了vue3 uniapp微信登錄功能實現(xiàn),需要的朋友可以參考下2024-04-04
最近小編做項目遇到這樣的需求，要求實現(xiàn)一個全屏滾動的效果，在網(wǎng)上找了實例代碼，但是不是很完美，小編又結(jié)合自己的知識給大家補充下，對微信小程序全屏滾動效果的實例代碼感興趣的朋友參考下本文吧2018-11-11
JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的遍歷算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的遍歷算法,簡單介紹了javascript實現(xiàn)數(shù)據(jù)結(jié)構(gòu)中二叉樹的中序遍歷、先序遍歷及后序遍歷方法與相關(guān)使用技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細介紹了bootstrap PrintThis打印插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
JavaScript中的isXX系列是否繼續(xù)使用的分析
我們很容易被漂亮的代碼吸引，也不知不覺的在自己的代碼庫中加入這些。卻沒有冷靜的想過它們的優(yōu)劣。這不，我就收集了一系列形如 “是否為……？” 的判斷的boolean函數(shù)。2011-04-04
一個簡單的JavaScript數(shù)據(jù)緩存系統(tǒng)實現(xiàn)代碼
數(shù)據(jù)緩存系統(tǒng)，主要是將一些可復(fù)用的數(shù)據(jù)臨時存放一下，放下數(shù)據(jù)后面的再次調(diào)用。2010-10-10