JS實(shí)現(xiàn)網(wǎng)頁表格自動(dòng)變大縮小的方法
本文實(shí)例講述了JS實(shí)現(xiàn)網(wǎng)頁表格自動(dòng)變大縮小的方法。分享給大家供大家參考。具體分析如下:
這就是一個(gè)個(gè)性的動(dòng)態(tài)表格效果代碼,網(wǎng)頁中的表格自動(dòng)放大或者縮小,不停的變化
主要就是一個(gè)強(qiáng)調(diào)顯示的作用
<HEAD>
<TITLE>js會(huì)動(dòng)的表格</TITLE>
<META content="text/html; charset=hz-gb-2312" http-equiv=Content-Type>
<STYLE>.cellstyle {
COLOR: #ffffff; FONT-FAMILY: Times; FONT-SIZE: 11pt; FONT-WEIGHT: bold
}
A {
COLOR: #ff0000; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff8888; TEXT-DECORATION: underline
}
</STYLE>
<SCRIPT language=javaScript>
var i_bordercolor=0
var i_bordercolorlight=10
var i_bordercolordark=20
var v_bordercolor=1
var v_bordercolorlight=1
var v_bordercolordark=1
var textcolor= new Array()
textcolor[0] ="FFFFFF"
textcolor[1] ="FFF8F8"
textcolor[2] ="FFF0F0"
textcolor[3] ="FFD8D8"
textcolor[4] ="FFD0D0"
textcolor[5] ="FFC8C8"
textcolor[6] ="FFC0C0"
textcolor[7] ="FFB8B8"
textcolor[8] ="FFB0B0"
textcolor[9] ="FFA8A8"
textcolor[10] ="FFA0A0"
textcolor[11] ="FF9898"
textcolor[12] ="FF9090"
textcolor[13] ="FF8888"
textcolor[14] ="FF8080"
textcolor[15] ="FF7878"
textcolor[16] ="FF7070"
textcolor[17] ="FF6868"
textcolor[18] ="FF6060"
textcolor[19] ="FF5858"
textcolor[20] ="FF5050"
textcolor[21] ="FF4848"
textcolor[22] ="FF4040"
textcolor[23] ="FF3838"
textcolor[24] ="FF3030"
textcolor[25] ="FF2828"
textcolor[26] ="FF2020"
textcolor[27] ="FF1818"
textcolor[28] ="FF1010"
textcolor[29] ="FF0808"
textcolor[30] ="FF0000"
function checkbrowser() {
if (document.layers) {
alert("This script requires Internet Explorer 4 or higher. Sorry folks!")
}
if (document.all) {
bordercolor()
}
}
function bordercolor() {
if (i_bordercolor >= textcolor.length-1) {v_bordercolor*=-1}
if (i_bordercolor <= 0) {v_bordercolor*=-1}
if (i_bordercolordark >= textcolor.length-1) {v_bordercolordark*=-1}
if (i_bordercolordark <= 0) {v_bordercolordark*=-1}
if (i_bordercolorlight >= textcolor.length-1) {v_bordercolorlight*=-1}
if (i_bordercolorlight <= 0) {v_bordercolorlight*=-1}
document.all.cellone.borderColor=textcolor[i_bordercolor]
document.all.cellone.borderColorDark=textcolor[i_bordercolordark]
document.all.cellone.borderColorLight=textcolor[i_bordercolorlight]
document.all.cellone.border=i_bordercolorlight*2
i_bordercolor+=v_bordercolor
i_bordercolordark+=v_bordercolordark
i_bordercolorlight+=v_bordercolorlight
var timer=setTimeout("bordercolor()",100)
}
</SCRIPT>
<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY background="" bgColor=#ffffff onload=checkbrowser()>
<P align=center>
<TABLE border=0 cellPadding=6 id=cellone width=540 height="30">
<TBODY>
<TR>
<TD align=middle class=cellstyle height="16">
<font color="#800000">http://chabaoo.cn</font>
</TR></TBODY>
</TABLE>
</BODY>
</HTML>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
html的DOM中document對(duì)象images集合用法實(shí)例
這篇文章主要介紹了html的DOM中document對(duì)象images集合用法,實(shí)例分析了images集合的語法與使用技巧,需要的朋友可以參考下2015-01-01用js實(shí)現(xiàn)終止瀏覽器對(duì)頁面HTML的繼續(xù)解析即停止解析 兼容firefox
用js實(shí)現(xiàn)終止瀏覽器對(duì)頁面HTML的繼續(xù)解析即停止解析 兼容firefox...2007-11-11改進(jìn) JavaScript 和 Rust 的互操作性并深入認(rèn)識(shí) wasm-bindgen 組件
這篇文章主要介紹了改進(jìn) JavaScript 和 Rust 的互操作性并深入認(rèn)識(shí) wasm-bindgen 組件,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07JavaScript 動(dòng)態(tài)三角函數(shù)實(shí)例詳解
本文通過實(shí)例代碼給大家實(shí)例講解了javascript動(dòng)態(tài)三角函數(shù)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-01-01JavaScript和CSS通過expression實(shí)現(xiàn)Table居中顯示
如何將表格居中的顯示使用一個(gè)叫expression的函數(shù),多數(shù)的瀏覽器都支持這個(gè)函數(shù),感興趣的朋友可以看一下具體的實(shí)現(xiàn)哈2013-06-06詳解webpack+express多頁站點(diǎn)開發(fā)
這篇文章主要介紹了詳解webpack+express多頁站點(diǎn)開發(fā)2017-12-12小程序上傳文件至云存儲(chǔ)的實(shí)現(xiàn)
在小程序云開發(fā)中,要實(shí)現(xiàn)上傳文件至云存儲(chǔ),有兩種方案:云函數(shù)和HTTP?API,本文主要講講如何使用HTTP?API實(shí)現(xiàn)小程序外上傳文件至云存儲(chǔ),感興趣的可以了解一下2022-01-01