js怎麼改變網頁背景顏色,js修改背景顏色

本文目錄一覽：

• 1、JS實現滑鼠滑過鏈接改變網頁背景顏色的方法
• 2、JS怎麼改變背景顏色
• 3、JS點擊更換網頁背景顏色。
• 4、怎樣用js設置div的背景色

JS實現滑鼠滑過鏈接改變網頁背景顏色的方法

本文實例講述了JS實現滑鼠滑過鏈接改變網頁背景顏色的方法。分享給大家供大家參考，具體如下：

這個小特效很不錯，用鏈接改變網頁背景色，滑鼠放上鏈接文字上，網頁背景就會跟著變換，想讓你的主頁更個性一點的朋友，這個代碼一定能用上，其實你可在此基礎上修改一下代碼，改成滑鼠放上文字切換樣式表，這樣整個網頁就變了風格，是不是很實用？

運行效果截圖如下：

在線演示地址如下：

具體代碼如下：

html

head

title滑鼠放上鏈接改變網頁背景顏色/title

meta

http-equiv=”Content-Type”

content=”text/html;

charset=gb2312″

SCRIPT

LANGUAGE=”JavaScript”

function

goHist(a)

{

history.go(a);

}

/script

/head

body

center

h2滑鼠放到相應鏈接上看看！/h2

table

border=1

borderlight=green

style=”border-collapse:

collapse”

cellpadding=”5″

cellspacing=”0″

trtd

align=center

a

href=”#”

onMouseOver=”document.bgColor=’skyblue'”天空藍/a

a

href=”#”

onMouseOver=”document.bgColor=’red'”大紅色/a

a

href=”#”onMouseOver=”document.bgColor=’#0066CC'”清新藍/a

/td/tr

/table

/center

/body

/html

希望本文所述對大家JavaScript程序設計有所幫助。

JS怎麼改變背景顏色

1、首先我們來創建一個p元素，在裡面寫上hello:。

2、在瀏覽器界面上的顯示如下。

3、接下來我們就為這個p元素來設置背景顏色。

4、接下來看看瀏覽器中變化。

5、說明我們就已經為p元素改好了背景色，如果要改變顏色的話直接在後面改就好。

JS點擊更換網頁背景顏色。

javascript腳本：

script type=”text/javascript”

// 定義可換的顏色

var colors = [“#ff0000”, “#00ff00”, “#0000ff”, “#ffff00”, “#00ffff”, “#ff00ff”];

var index = 0;

// 換色方法

function changeColor() {

// 獲取顏色代碼

var color = colors[index++];

// 更改文檔的背景色

document.bgColor = color;

if (index == colors.length) {

index = 0;

}

}

/script

HTML代碼：

input type=”button” value=”換色” onclick=”changeColor();” /

怎樣用js設置div的背景色

1、首先打dreamware軟體，然後在 body中寫入一個 div，把div賦予一個 id方便提取；

2、用css寫div屬性和初始的背景色，width寬度值；height高度值；background初始的背景色。

3、寫進script標籤，定義一個變數mydiv獲取前面定義好的div。

4、然後用onmouseover事件，滑鼠移動時觸發事件，來控制滑鼠在div時，背景色變為紅色。

5、接著用onmouseout事件，滑鼠離開元素時觸發事件，來控制div背景色變為綠色，如圖所示。