首頁  >  文章  >  web前端  >  JavaScript實作更改網頁背景與字體顏色的方法_javascript技巧

JavaScript實作更改網頁背景與字體顏色的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:16:182412瀏覽

本文實例講述了JavaScript實作更改網頁背景與字體顏色的方法。分享給大家供大家參考。具體分析如下:

JavaScript,點選按鈕變更網頁背景與字體的顏色,網頁中有N個改變顏色的按鈕,點選不同的按鈕,網頁的字體與背景就會改變成不同的顏色。很簡單的JavaScript小程式。

一、基本目標

一開啟網頁先提示問候訊息「你好」

網頁中有N個改變顏色的按鈕,其中回傳是回網頁的預設顏色,背景是白的,字體是黑的

點選不同的按鈕,網頁的字體與背景就會改變成不同的顏色。

本來想做出彩虹起色的,但原理完全一樣就不多寫按鈕了。

二、基本思想

關鍵是對body標籤與字體js提供id,使其在js中得到控制。本例提供了對js函數的應用。

三、製作過程

就一個簡單的小頁面,詳情請見註:

複製代碼 代碼如下:
 
 
     
       
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn