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 相关文章推荐
javascript json2 使用方法
Mar 16 Javascript
javascript中的new使用
Mar 20 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
Aug 30 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
Sep 20 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
详解vue-validator(vue验证器)
Jan 16 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
Js实现复选框的全选、全不选反选功能代码实例
Feb 28 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读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
Laravel框架源码解析之入口文件原理分析
2020/05/14 PHP
php实现JWT验证的实例教程
2020/11/26 PHP
5 cool javascript apps
2007/03/24 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
2010/03/04 Javascript
JavaScript初学者需要了解10个小技巧
2010/08/25 Javascript
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
javascript中的parseInt和parseFloat区别
2013/07/12 Javascript
jQuery使用之设置元素样式用法实例
2015/01/19 Javascript
Javascript中Array用法实例分析
2015/06/13 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
微信支付如何实现内置浏览器的H5页面支付
2015/09/25 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
vue实现页面加载动画效果
2017/09/19 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
[04:03][TI9趣味短片] 小鸽子茶话会
2019/08/20 DOTA
python基于物品协同过滤算法实现代码
2018/05/31 Python
Python调用C语言的实现
2019/07/26 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
执行Python程序时模块报错问题
2020/03/26 Python
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
介绍一下linux的文件系统
2012/03/20 面试题
Ajax的优点和缺点
2014/11/21 面试题
Java面试题:为什么要用Java
2012/05/11 面试题
客户代表自我评价范例
2013/09/24 职场文书
高三毕业生自我鉴定
2013/12/20 职场文书
给儿子的表扬信
2014/01/15 职场文书
大学同学聚会邀请函
2014/01/19 职场文书
优秀团员自我评价
2015/03/10 职场文书
培根随笔读书笔记
2015/07/01 职场文书
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android