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 相关文章推荐
动态加载js的几种方法
Oct 23 Javascript
js 颜色选择器(兼容firefox)
Mar 05 Javascript
Javascript 中的类和闭包
Jan 08 Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
Aug 05 Javascript
jquery放大镜效果超漂亮噢
Nov 15 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
Apr 15 Javascript
将angular-ui的分页组件封装成指令的方法详解
May 10 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
Sep 12 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
js实现滑动进度条效果
Aug 21 Javascript
js 实现Material UI点击涟漪效果示例
Sep 23 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数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
php中动态调用函数的方法
2015/03/16 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
PHP使用file_get_contents发送http请求功能简单示例
2018/04/29 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
2013/03/21 Javascript
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
jQuery 选择器详解
2015/01/19 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
微信小程序之swiper滑动面板用法示例
2018/12/04 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
开发Node CLI构建微信小程序脚手架的示例
2020/03/27 Javascript
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
java直接调用python脚本的例子
2014/02/16 Python
Python数据结构与算法之图结构(Graph)实例分析
2017/09/05 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
Python函数中不定长参数的写法
2019/02/13 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
微信小程序python用户认证的实现
2019/07/29 Python
python实现通过队列完成进程间的多任务功能示例
2019/10/28 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
python 实用工具状态机transitions
2020/11/21 Python
python 监控服务器是否有人远程登录(详细思路+代码)
2020/12/18 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
建筑专业毕业生推荐信
2013/11/21 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
庆六一开幕词
2015/01/29 职场文书
2015年酒店客房部工作总结
2015/04/25 职场文书
安全教育培训心得体会
2016/01/15 职场文书