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转义字符介绍
Nov 05 Javascript
JavaScript简单实现网页回到顶部功能
Nov 12 Javascript
浅析JavaScript中的delete运算符
Nov 30 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 Javascript
vue获取dom元素注意事项
Dec 28 Javascript
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
Jul 26 Javascript
在小程序中推送模板消息的实现方法
Jul 22 Javascript
继承行为在 ES5 与 ES6 中的区别详解
Dec 24 Javascript
详解React 条件渲染
Jul 08 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 缩略图实现函数代码
2011/06/23 PHP
php skymvc 一款轻量、简单的php
2011/06/28 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
PHP获取POST数据的几种方法汇总
2015/03/03 PHP
PHP反射API示例分享
2016/10/08 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
js 效率组装字符串 StringBuffer
2009/12/23 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
2013/05/05 Javascript
jQuery实现iframe父窗体和子窗体的相互调用
2016/06/17 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
node.js入门学习之url模块
2017/02/25 Javascript
Vue和Bootstrap的整合思路详解
2017/06/30 Javascript
Vue的Flux框架之Vuex状态管理器
2017/07/30 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
2017/10/31 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
2020/02/05 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
vue-router为激活的路由设置样式操作
2020/07/18 Javascript
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
django中ORM模型常用的字段的使用方法
2019/03/05 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
浅谈python3打包与拆包在函数的应用详解
2020/05/02 Python
Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式
2020/06/02 Python
浅谈cv2.imread()和keras.preprocessing中的image.load_img()区别
2020/06/12 Python
python如何随机生成高强度密码
2020/08/19 Python
美国休闲服装品牌:Express
2016/09/24 全球购物
Laura Geller官网:美国彩妆品牌
2018/12/29 全球购物
经典婚礼主持开场白
2014/03/13 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
检讨书大全
2015/01/27 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS