JavaScript动态修改背景颜色的方法


Posted in Javascript onApril 16, 2015

本文实例讲述了JavaScript动态修改背景颜色的方法。分享给大家供大家参考。具体如下:

<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程序设计有所帮助。

Javascript 相关文章推荐
动态加载iframe
Jun 16 Javascript
在JavaScript中使用inline函数的问题
Mar 08 Javascript
Jquery 表格合并的问题分享
Sep 17 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
javascript为下拉列表动态添加数据项
May 23 Javascript
js中document.write的那点事
Dec 12 Javascript
JS实现超炫网页烟花动画效果的方法
Mar 02 Javascript
jQuery.trim() 函数及trim()用法详解
Oct 26 Javascript
Angular中响应式表单的三种更新值方法详析
Aug 22 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
Dec 13 Javascript
JS实现页面炫酷的时钟特效示例
Aug 14 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 #Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 #Javascript
javascript中call apply 的应用场景
Apr 16 #Javascript
javascript三元运算符用法实例
Apr 16 #Javascript
jQuery on()方法使用技巧详解
Apr 16 #Javascript
JavaScript简单表格编辑功能实现方法
Apr 16 #Javascript
JavaScript转换二进制编码为ASCII码的方法
Apr 16 #Javascript
You might like
PHP form 表单传参明细研究
2009/07/17 PHP
php 输出双引号&quot;与单引号'的方法
2010/05/09 PHP
PHP中的多行字符串传递给JavaScript的两种方法
2014/06/19 PHP
PHP递归实现层级树状展开
2016/04/01 PHP
php使用FFmpeg接口获取视频的播放时长、码率、缩略图以及创建时间
2016/11/07 PHP
laravel5 Eloquent 实现事务方式
2019/10/21 PHP
基于jquery的一个简单的脚本验证插件
2010/04/05 Javascript
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
jquery中对于批量deferred的处理方法
2014/01/22 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
Node.js事件驱动
2015/06/18 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
BootStrap Fileinput初始化时的一些参数
2016/12/30 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
vuex学习之Actions的用法详解
2017/08/29 Javascript
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
2017/09/19 NodeJs
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
python远程登录代码
2008/04/29 Python
Python 实现简单的电话本功能
2015/08/09 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
Python MOCK SERVER moco模拟接口测试过程解析
2020/04/13 Python
Python使用pdb调试代码的技巧
2020/05/03 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
管理部部长岗位职责
2013/12/05 职场文书
生产部岗位职责范文
2014/02/07 职场文书
应届毕业生自荐信例文
2014/02/26 职场文书
超市商业计划书
2014/05/04 职场文书
公司财务部岗位职责
2015/04/14 职场文书
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python
Python爬取英雄联盟MSI直播间弹幕并生成词云图
2021/06/01 Python