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 相关文章推荐
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
jQuery表单域选择器用法分析
Feb 10 Javascript
jQuery实用技巧必备(上)
Nov 02 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
JS中对象与字符串的互相转换详解
May 20 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
JS JSOP跨域请求实例详解
Jul 04 Javascript
BootStrap 表单控件之单选按钮水平排列
May 23 Javascript
Vue实现一个图片懒加载插件
Mar 11 Javascript
Vue实战教程之仿肯德基宅急送App
Jul 19 Javascript
node.js通过url读取文件
Oct 16 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网页游戏学习之Xnova(ogame)源码解读(十一)
2014/06/25 PHP
解决phpcms更换javascript的幻灯片代码调用图片问题
2014/12/26 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
Laravel 数据库加密及数据库表前缀配置方法
2019/10/10 PHP
cnblogs csdn 代码运行框实现代码
2009/11/02 Javascript
javascript自动改变文字大小和颜色的效果的小例子
2013/08/02 Javascript
JQuery中的事件及动画用法实例
2015/01/26 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
基于jQuery实现的打字机效果
2017/01/16 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
JS立即执行函数功能与用法分析
2019/01/15 Javascript
小程序云开发之用户注册登录
2019/05/18 Javascript
深入webpack打包原理及loader和plugin的实现
2020/05/06 Javascript
详解JSON.stringify()的5个秘密特性
2020/05/26 Javascript
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
实例讲解Python中函数的调用与定义
2016/03/14 Python
Python动刷新抢12306火车票的代码(附源码)
2018/01/24 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
Python.append()与Python.expand()用法详解
2019/12/18 Python
用python解压分析jar包实例
2020/01/16 Python
Python基于当前时间批量创建文件
2020/05/07 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
Autopep8的使用(python自动编排工具)
2021/03/02 Python
超级英雄、电影和电视、乐队和音乐T恤:Loud Clothing
2019/09/01 全球购物
西班牙购买行李箱和背包网站:Maletas Greenwich
2019/10/08 全球购物
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
详细的大学生创业计划书模板
2014/01/27 职场文书
《凡卡》教学反思
2014/04/09 职场文书
投资合作协议书
2014/04/17 职场文书
法制宣传月活动总结
2014/04/29 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
出纳岗位职责
2015/01/31 职场文书
工作态度怎么写
2015/06/25 职场文书
vue elementUI表格控制对应列
2022/04/13 Vue.js