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 相关文章推荐
页面只有一个text的时候,回车自动submit的解决方法
Aug 12 Javascript
关于JavaScript定义类和对象的几种方式
Nov 09 Javascript
js绑定事件this指向发生改变的问题解决方法
Apr 23 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
javascript与jquery中的this关键字用法实例分析
Dec 24 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
纯JS代码实现气泡效果
May 04 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
jQuery中deferred对象使用方法详解
Jul 14 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
如何在 Vue.js 中使用第三方js库
Apr 25 Javascript
微信小程序实现商城倒计时
Nov 01 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/07/02 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
PHP设计模式入门之状态模式原理与实现方法分析
2020/04/26 PHP
iframe 上下滚动条如何默认在下方实现原理
2012/12/10 Javascript
浏览器打开层自动缓慢展开收缩实例代码
2013/07/04 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
2014/03/27 Javascript
js数组操作常用方法
2014/05/08 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
2017/08/18 Javascript
Vue.js实现网格列表布局转换方法
2017/08/25 Javascript
Angular 项目实现国际化的方法
2018/01/08 Javascript
浅析vue深复制
2018/01/29 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
微信小程序抽奖组件的使用步骤
2021/01/11 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
Python实现简单石头剪刀布游戏
2021/01/20 Python
对Python中的条件判断、循环以及循环的终止方法详解
2019/02/08 Python
什么是Python中的顺序表
2020/06/02 Python
css3制作彩色边线3d立体按钮的示例(css3按钮)
2014/05/06 HTML / CSS
linux面试题参考答案(9)
2016/01/29 面试题
linux面试题参考答案(11)
2012/05/01 面试题
领导干部作风整顿个人剖析材料
2014/10/11 职场文书
老公保证书
2015/01/17 职场文书
创业计划书之便利店
2019/09/05 职场文书
Redis如何实现分布式锁
2021/08/23 Redis