原生javascript實現(xiàn)隔行換色
更新時間：2015年01月04日 10:11:18 投稿：hebedich
這篇文章主要介紹了原生javascript實現(xiàn)隔行換色,需要的朋友可以參考下
js讓我們一起從基礎(chǔ)來學習，我們一點一點的來學習
下邊是我寫的代碼，然后大家看著學習下吧?。?！
復制代碼 代碼如下:
<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)文章
這篇文章主要介紹了javascript原始值和對象引用的方法,實例分析了javascript原始值和對象引用的功能、定義與相關(guān)技巧,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細介紹了Echarts實現(xiàn)多條折線可拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
在將uniapp打包成APP端時,上架到應用市場的時候需要配置隱私彈窗,下面這篇文章主要給大家介紹了關(guān)于如何在uniapp中設(shè)置隱私政策彈窗的相關(guān)資料,需要的朋友可以參考下2023-01-01
JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能
在本篇文章里我們給大家整理了關(guān)于JavaScript中表單注冊、表單驗證、運算符的代碼示例，有興趣的朋友們可以測試學習下。2018-10-10
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)點擊星星小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
javascript使用百度地圖api和html5特性獲取瀏覽器位置
本文介紹了javascript使用百度地圖api和html5特性獲取瀏覽器位置的小功能，大家參考使用吧2014-01-01
前端項目中報錯Uncaught?(in?promise)的解決方法
最近在做項目的時候控制臺報了一個錯Uncaught(in promise) false,這篇文章主要給大家介紹了關(guān)于前端項目中報錯Uncaught?(in?promise)的解決方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-04-04
基于JavaScript FileReader上傳圖片顯示本地鏈接
這篇文章主要為大家詳細介紹了基于JavaScript FileReader上傳圖片顯示本地鏈接的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
BetterScroll 是一款重點解決移動端各種滾動場景需求的開源插件，用于滾動列表、選擇器、輪播圖、索引列表、開屏引導等應用場景，感興趣的一起來了解一下2021-09-09
這篇文章主要介紹了BootStrap中Fontawesome 圖標的相關(guān)知識,需要的朋友可以參考下2017-05-05