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 非图片动态loading效果实现代码
Apr 09 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 Javascript
web前端设计师们常用的jQuery特效插件汇总
Dec 07 Javascript
javascript实现随时变化着的背景颜色
Apr 02 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 Javascript
判断颜色是否合法的正则表达式(详解)
May 03 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
Feb 27 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
jquery分页插件pagination使用教程
Oct 23 jQuery
layui table 列宽百分比显示的实现方法
Sep 28 Javascript
VUE注册全局组件和局部组件过程解析
Oct 10 Javascript
js实现鼠标点击飘爱心效果
Aug 19 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/12/01 PHP
使用PHP similar text计算两个字符串相似度
2015/11/06 PHP
隐藏Nginx或Apache以及PHP的版本号的方法
2016/01/03 PHP
Yii框架弹出框功能示例
2017/01/07 PHP
Highslide.js是一款基于js实现的网页中图片展示插件
2020/03/30 Javascript
JavaScript每天定时更换皮肤样式的方法
2015/07/01 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
JavaScript识别网页关键字并进行描红的方法
2015/11/09 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
jQuery 获取select选中值及清除选中状态
2016/12/13 Javascript
javascript trie前缀树的示例
2018/01/29 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
python绘图方法实例入门
2015/05/19 Python
Django使用Channels实现WebSocket的方法
2019/07/28 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
python类中super() 的使用解析
2019/12/19 Python
python定义类self用法实例解析
2020/01/22 Python
html5应用缓存_动力节点Java学院整理
2017/07/13 HTML / CSS
用html5绘制折线图的实例代码
2016/03/25 HTML / CSS
详解HTML5常用的语义化标签
2019/09/27 HTML / CSS
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
高级电工工作职责
2013/11/21 职场文书
资产经营总监岗位职责范文
2013/12/01 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
毕业生工作求职信
2014/06/30 职场文书
政协会议宣传标语
2014/10/09 职场文书
个人党性锻炼总结
2015/03/05 职场文书
2015年办公室个人工作总结
2015/04/20 职场文书
初中重阳节活动总结
2015/05/05 职场文书
狂人日记读书笔记
2015/06/30 职场文书
入队仪式主持词
2015/07/04 职场文书
情况说明书格式及范文
2019/06/24 职场文书
关于SpringBoot 使用 Redis 分布式锁解决并发问题
2021/11/17 Redis