JavaScript動態(tài)修改背景顏色的方法
更新時(shí)間：2015年04月16日 11:46:22 作者：lele
這篇文章主要介紹了JavaScript動態(tài)修改背景顏色的方法,涉及javascript操作鼠標(biāo)事件及樣式的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript動態(tài)修改背景顏色的方法。分享給大家供大家參考。具體如下：
<html>
<head>
<title>Background Color Changer</title>
<script language = JavaScript>
<!--
function BG_yellow()
{
document.bgColor = 0xFFFF00
}
function BG_thistle()
{
document.bgColor = 0xD8BFD8
}
function BG_plum()
{
document.bgColor = 0xDDA0DD
}
function BG_red()
{
document.bgColor = 0xFF0000
}
//-->
</script>
</head>
<body >
<center>
<form>
<font face="comic sans ms">
<br>
<h1>
Set the background color
</h1>
<br>
<input type = button value = "Make background Yellow "
onclick = "BG_yellow()">
<br>
<br>
<input type = button value = "Make background Thistle"
onclick = "BG_thistle()">
<br>
<br>
<input type = button value = "Make background Plum"
onclick = "BG_plum()">
<br>
<br>
<input type = button value = "Make background Red"
onclick = "BG_red()">
</font>
</form>
</center>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
layui 地區(qū)三級聯(lián)動 form select 渲染的實(shí)例
今天小編就為大家分享一篇layui 地區(qū)三級聯(lián)動 form select 渲染的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09![Bootstrap 中data-[*] 屬性的整理](http://img.jbzj.com/images/xgimg/bcimg1.png)
本文給大家收藏整理了關(guān)于Bootstrap 中data-[*] 屬性的相關(guān)知識，感興趣的朋友一起看看吧2018-03-03
用innerHTML ＆符號副值給文本框后會變成＆amp;的方法
用innerHTML?。Ψ柛敝到o文本框后會變成＆amp;的方法...2007-07-07
JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要介紹了3類js限制文本框的輸入內(nèi)容代碼,需要的朋友可以參考下2015-08-08
讓iframe自適應(yīng)高度（支持XHTML，支持FF）
讓iframe自適應(yīng)高度（支持XHTML，支持FF）...2007-07-07
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。這篇文章主要介紹了BootStrop前端框架入門教程詳,需要的朋友可以參考下2016-12-12
javascript實(shí)現(xiàn)可改變滾動方向的無縫滾動實(shí)例
無縫滾動在制作一些圖片展示的時(shí)候還是蠻有用的，下面與大家分享下javascript實(shí)現(xiàn)的可改變滾動方向的無縫滾動，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06
這篇文章主要介紹了淺談TypeScript的類型保護(hù)機(jī)制,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
純屬技術(shù)交流，在實(shí)際應(yīng)用中不建議那么做。建議js加載比較好。2009-08-08