JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法
更新時間：2015年04月21日 12:31:28 作者：休閑生活文化
這篇文章主要介紹了JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法,涉及javascript操作樣式的相關技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法。分享給大家供大家參考。具體如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>javascript漸隱漸顯的背景顏色</title>
<style fprolloverstyle>A:hover {color: #00FFFF}
</style>
</head>
<body onLoad="fadeIn(15)">
<script language="JavaScript">
var Color= new Array("ff","ee","dd","cc","bb","aa","99","88","77","66","55","44","33","22","11","00");
function fadeIn(n) {
if (n >= 1) {
document.bgColor="#" +"00"+ Color[n] +"00";
n -= 1;
setTimeout("fadeIn("+n+")", 100);
}
else{setTimeout('fadeOut(1)', 100);}
}
function fadeOut(n) {
if (n <=(Color.length-1)) {
document.bgColor="#" +"00"+ Color[n] +"00";
n += 1;
setTimeout("fadeOut("+n+")", 100)
}
else{setTimeout("fadeIn("+(Color.length-1)+")", 100);}
}
</script>
<div>http://www.dbjr.com.cn/</div>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
- JS基于面向?qū)ο髮崿F(xiàn)的放煙花效果
- 原生Js實現(xiàn)簡易煙花爆炸效果的方法
- JS煙花背景效果實現(xiàn)方法
- JS實現(xiàn)超炫網(wǎng)頁煙花動畫效果的方法
- javascript實現(xiàn)點擊按鈕彈出一個可關閉層窗口同時網(wǎng)頁背景變灰的方法
- JavaScript實現(xiàn)更改網(wǎng)頁背景與字體顏色的方法
- JavaScript生成的動態(tài)下雨背景效果實現(xiàn)方法
- JavaScript 點擊頁面上的按紐，彈出層，背景變灰
- javascript ImgBox透明遮罩層背景圖片展示
- javascript實現(xiàn)網(wǎng)頁背景煙花效果的方法
相關文章
List the Codec Files on a Computer
List the Codec Files on a Computer...2007-06-06
這篇文章主要介紹了JavaScript實現(xiàn)職責鏈模式概述，詳細的介紹了什么是職責鏈模式和實現(xiàn)方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
JS端基于download.js實現(xiàn)圖片、視頻時直接下載而不是打開預覽
這篇文章主要介紹了JS端基于download.js實現(xiàn)圖片、視頻時直接下載而不是打開預覽,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了VsCode插件整理（小結(jié)），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
threejs是一個用于在瀏覽器中繪制3D圖像的JS庫,它是基于webgl實現(xiàn)了,包括了webgl1和webgl2的渲染引擎,下面這篇文章主要給大家介紹了關于ThreeJS從創(chuàng)建場景到使用功能的相關資料,需要的朋友可以參考下2022-08-08
這篇文章主要為大家詳細介紹了javascript如何顯示系統(tǒng)當前時間代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
本文給大家分享一段實例代碼介紹JS判斷時間段的方法，需要的朋友參考下吧2017-06-06
javaScript產(chǎn)生隨機數(shù)的用法小結(jié)
這篇文章主要介紹了javaScript產(chǎn)生隨機數(shù)的用法小結(jié),包括JavaScript Math.random()內(nèi)置函數(shù) ，Js 隨機數(shù)產(chǎn)生6位數(shù)字的代碼，需要的朋友可以參考下2018-04-04
淺談JavaScript構(gòu)造樹形結(jié)構(gòu)的一種高效算法
這篇文章主要介紹了JavaScript構(gòu)造樹形結(jié)構(gòu)的一種高效算法，對算法感興趣的同學，可以參考下2021-05-05
這篇文章主要為大家詳細介紹了js+css實現(xiàn)三級導航菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08