(JavaScript)- 如何使用 JavaScript 單擊變更背景 ( 顏色/圖片 )

(Javascript)- 如何使用 JavaScript 單擊變更背景 ( 顏色/圖片 )

如果不知如何在 HTML 語法中,單擊變更背景顏色 ( 圖片 ),可看此篇文章。

 

 

一、變更背景顏色

1. 使用 CSS 設定物件的背景色

EX:

body {
color: #99FFFF;
background-color: blue;
}

 

2. 使用 JavaScript 程式碼:

EX:

function init()
{
document.body.style.zoom="90%";
document.body.style.backgroundColor="#FFFF99";
}

 

PS:document.bgColor = color 不推薦使用,該特性己於 WEB 標準中刪除。

 

3. 使用 JavaScript 將點選處理程式附加到物件,使用 element.style.property = 'value'; 更改物件的樣式。

EX:

<button onclick="document.body.style.backgroundColor = 'green';">Green</button>

 

二、變更背景圖片

 

 

 

 

 

免責聲明:

1.本影像檔案皆從網上搜集轉載,不承擔任何技術及版權問題。

2.如有下載連結僅供寬頻測試研究用途,請下載後在24小時內刪除,請勿用於商業。

3.若侵犯了您的合法權益,請來信通知我們,我們會及時刪除,給您帶來的不便,深表歉意。



發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *