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 相关文章推荐
jQuery 学习第六课 实现一个Ajax的TreeView
May 17 Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
May 22 Javascript
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
JavaScript中Boolean对象的属性解析
Oct 21 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
May 11 Javascript
简单实现jQuery轮播效果
Aug 18 jQuery
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
jQuery实时统计输入框字数及限制
Jun 24 jQuery
浅谈vue中get请求解决传输数据是数组格式的问题
Aug 03 Javascript
jQuery中event.target和this的区别详解
Aug 13 jQuery
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程序时遇到的三个问题
2012/01/17 PHP
PHP上传文件时文件过大$_FILES为空的解决方法
2013/11/26 PHP
浅谈php优化需要注意的地方
2014/11/27 PHP
谈谈php对接芝麻信用踩的坑
2016/12/01 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
js AspxButton的客户端操作
2009/06/26 Javascript
jquery tools系列 expose 学习
2009/09/06 Javascript
js+css实现增加表单可用性之提示文字
2013/06/03 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
Bootstrap CSS布局之列表
2016/12/15 Javascript
jQuery列表检索功能实现代码
2017/07/17 jQuery
详谈Node.js之操作文件系统
2017/08/29 Javascript
vue2.0 axios跨域并渲染的问题解决方法
2018/03/08 Javascript
vue服务端渲染添加缓存的方法
2018/09/18 Javascript
javaScript实现游戏倒计时功能
2018/11/17 Javascript
[57:09]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第一场 1月26日
2021/03/11 DOTA
Python 硬币兑换问题
2019/07/29 Python
python函数声明和调用定义及原理详解
2019/12/02 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
解决Django提交表单报错:CSRF token missing or incorrect的问题
2020/03/13 Python
Python Django搭建网站流程图解
2020/06/13 Python
如何解决python多种版本冲突问题
2020/10/13 Python
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
澳大利亚个性化儿童礼品网站:Bright Star Kids
2019/06/14 全球购物
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
会计自我鉴定
2014/02/04 职场文书
入党积极分子自我鉴定
2014/02/18 职场文书
单位绩效考核方案
2014/05/11 职场文书
优秀电子工程系毕业生求职信
2014/05/24 职场文书
个性车贴标语
2014/06/24 职场文书
会计个人实习计划书
2014/08/15 职场文书
学校政风行风整改方案
2014/10/25 职场文书
写给医院的感谢信
2015/01/22 职场文书
2015年爱国卫生工作总结
2015/04/22 职场文书
入党宣誓仪式主持词
2015/06/29 职场文书
员工工作心得体会
2019/05/07 职场文书