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代码示例
Feb 15 Javascript
Jquery AJAX 用于计算点击率(统计)
Jun 30 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
Apr 07 Javascript
JS检测图片大小的实例
Aug 21 Javascript
AngularJS实现动态添加Option的方法
May 17 Javascript
详解webpack分离css单独打包
Jun 21 Javascript
javascript中的隐式调用
Feb 10 Javascript
原生JS封装_new函数实现new关键字的功能
Aug 12 Javascript
vue 中滚动条始终定位在底部的方法
Sep 03 Javascript
React 实现车牌键盘的示例代码
Dec 20 Javascript
JavaScript canvas仿代码流瀑布
Feb 10 Javascript
JS判断数组是否包含某元素实现方法汇总
Jun 24 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/11/24 PHP
PHP rsa加密解密使用方法
2015/04/27 PHP
学习php设计模式 php实现装饰器模式(decorator)
2015/12/07 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
推荐11款jQuery开发的复选框和单选框美化插件
2011/08/02 Javascript
jQuery中:button选择器用法实例
2015/01/04 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
AngularJS基础 ng-mouseleave 指令详解
2016/08/02 Javascript
slideToggle+slideup实现手机端折叠菜单效果
2017/05/25 Javascript
vuejs实现折叠面板展开收缩动画效果
2018/09/06 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
[02:07]2018DOTA2亚洲邀请赛主赛事第三日五佳镜头 fy极限反杀
2018/04/06 DOTA
[42:11]TNC vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python打开网页和暂停实例
2014/09/30 Python
Python使用email模块对邮件进行编码和解码的实例教程
2016/07/01 Python
python编程实现随机生成多个椭圆实例代码
2018/01/03 Python
python将回车作为输入内容的实例
2018/06/23 Python
Python使用pickle模块实现序列化功能示例
2018/07/13 Python
python print出共轭复数的方法详解
2019/06/25 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
浅谈pytorch中的BN层的注意事项
2020/06/23 Python
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
英国办公用品商店:Office Outlet
2018/04/04 全球购物
家长会邀请书
2014/01/25 职场文书
优秀民警事迹材料
2014/01/29 职场文书
优秀辅导员事迹材料
2014/02/16 职场文书
物业管理专业求职信
2014/06/11 职场文书
大学学雷锋活动总结
2014/06/26 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
领导干部作风整顿剖析材料
2014/10/11 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书
办公用品管理制度
2015/08/04 职场文书
KTV员工管理制度
2015/08/06 职场文书
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技