JavaScript實現(xiàn)的背景自動變色代碼
本文實例講述了JavaScript實現(xiàn)的背景自動變色代碼。分享給大家供大家參考,具體如下:
這里演示JavaScript實現(xiàn)網(wǎng)頁背景自動變色,自己變換顏色,設(shè)定時間和顏色值即可,在你設(shè)定的顏色值、一定時間內(nèi)自動切換網(wǎng)頁背景顏色。
運行效果截圖如下:
在線演示地址如下:
http://demo.jb51.net/js/2015/js-auto-cha-bg-color-demo/
具體代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>背景自動變色</title> </head> <body> 背景自動變色 <script language="javascript"> var Arraycolor=new Array("#00FF66","#FFFF99","#99CCFF","#FFCCFF","#FFCC99","#00FFFF","#FFFF00","#FFCC00","#FF00FF"); var n=0; function turncolors(){ n++; if (n==(Arraycolor.length-1)) n=0; document.bgColor = Arraycolor[n]; setTimeout("turncolors()",1000); } turncolors(); </script> </body> </html>
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- js點擊彈出div層實現(xiàn)可拖曳的彈窗效果
- CSS+JS實現(xiàn)點擊文字彈出定時自動關(guān)閉DIV層菜單的方法
- js+CSS實現(xiàn)彈出居中背景半透明div層的方法
- JS彈出可拖拽可關(guān)閉的div層完整實例
- JS實現(xiàn)帶圓弧背景漸變效果的導(dǎo)航菜單代碼
- JS實現(xiàn)進入頁面時漸變背景色的方法
- JavaScript實現(xiàn)點擊單元格改變背景色的方法
- javascript設(shè)置頁面背景色及背景圖片的方法
- js獲取及修改網(wǎng)頁背景色和字體色的方法
- javascript實現(xiàn)網(wǎng)頁背景煙花效果的方法
- js點擊列表文字對應(yīng)該行顯示背景顏色的實現(xiàn)代碼
- 神奇!js+CSS+DIV實現(xiàn)文字顏色漸變效果
- JavaScript+html5 canvas繪制漸變區(qū)域完整實例
- JavaScript實現(xiàn)彈出DIV層同時頁面背景漸變成半透明效果
相關(guān)文章
JavaScript中如何讓?x?==?1?&&?x?==?2?&&?x?==?3?等式成立
這篇文章主要介紹了JavaScript中如何讓x==1&&x==2&&x==3等式成立,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-07-07人人網(wǎng)javascript面試題 可以提前實現(xiàn)下
JavaScript面試題要求:以下題目必須從一至四題中,選出三道題,使用原生代碼實現(xiàn),不可使用任何框架,第五題為選作題2012-01-01JavaScript中的Map數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要為大家介紹了JavaScript的Map數(shù)據(jù)結(jié)構(gòu),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-01-01JavaScript實現(xiàn)的encode64加密算法實例分析
這篇文章主要介紹了JavaScript實現(xiàn)的encode64加密算法,實例分析了javascript處理encode64編碼針對字符串加密的技巧,非常簡潔實用,需要的朋友可以參考下2015-04-04