javascript設(shè)置頁面背景色及背景圖片的方法
本文實(shí)例講述了javascript設(shè)置頁面背景色及背景圖片的方法。分享給大家供大家參考,具體如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE=javascript> function update(temp) { if(temp == 'color') { document.body.style.backgroundColor="#FFFFFF";//改變背景色 } if(temp == 'img') { document.body.style.backgroundImage="url(images/bgimg.gif)";//改變背景圖片 } } </SCRIPT> </HEAD> <BODY bgcolor="#CCFFFF"> <input type = button value="改變背景色" onclick="update('color')"> <input type = button value="改變背景圖片" onclick="update('img')"> </BODY> </HTML>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 使用js操作css實(shí)現(xiàn)js改變背景圖片示例
- 純js實(shí)現(xiàn)背景圖片切換效果代碼
- js實(shí)現(xiàn)網(wǎng)頁隨機(jī)切換背景圖片的方法
- js實(shí)現(xiàn)點(diǎn)擊圖片改變頁面背景圖的方法
- js實(shí)現(xiàn)按鈕加背景圖片常用方法
- JavaScript實(shí)現(xiàn)更換背景圖片
- 解決vuejs項(xiàng)目里css引用背景圖片不能顯示的問題
- PNGHandler-借助JS讓PNG圖在IE下實(shí)現(xiàn)透明(包括背景圖)
- js實(shí)現(xiàn)背景圖自適應(yīng)窗口大小
- 用chart.js添加動(dòng)態(tài)背景圖
相關(guān)文章
JavaScript?canvas繪制動(dòng)態(tài)圓環(huán)進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了JavaScript?canvas繪制動(dòng)態(tài)圓環(huán)進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06最全正則表達(dá)式總結(jié):驗(yàn)證QQ號(hào)、手機(jī)號(hào)、Email、中文、郵編、身份證、IP地址等
這篇文章主要介紹了最全正則表達(dá)式:驗(yàn)證QQ號(hào)、手機(jī)號(hào)、Email、中文、郵編、身份證、IP地址等,通過語法介紹作用表達(dá)式等詳細(xì)解釋了正則表達(dá)式的使用,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08javascript監(jiān)聽鼠標(biāo)滾輪事件淺析
這篇文章主要介紹了javascript監(jiān)聽鼠標(biāo)滾輪事件淺析,使用具體例子說明,同時(shí)考慮了不同的瀏覽器,需要的朋友可以參考下2014-06-06JavaScript通如何過RGraph實(shí)現(xiàn)動(dòng)態(tài)儀表盤
這篇文章主要介紹了JavaScript通如何過RGraph實(shí)現(xiàn)動(dòng)態(tài)儀表盤,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10js實(shí)現(xiàn)的下拉框二級(jí)聯(lián)動(dòng)效果
這篇文章主要介紹了js實(shí)現(xiàn)的下拉框二級(jí)聯(lián)動(dòng)效果,涉及JavaScript針對(duì)頁面元素的遍歷與節(jié)點(diǎn)操作相關(guān)技巧,需要的朋友可以參考下2016-04-04