JS实现在页面随时自定义背景颜色的方法


Posted in Javascript onFebruary 27, 2015

本文实例讲述了JS实现在页面随时自定义背景颜色的方法。分享给大家供大家参考。具体实现方法如下:

<HTML>

<HEAD>

<TITLE>JS实现在页面随时自定义背景颜色</TITLE>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

//以下代码将输入框及其所在的层写进窗口。

document.writeln('<div align="center" id=bgcolortestdiv style="BACKGROUND-COLOR: gray;POSITION: absolute;width: 200; height: 70; top=100; Z-INDEX: 100" >');

document.writeln('<p><B><font size=2>输入颜色代码<br>可以即时改变背景色</font></b></p>');

document.writeln('<p><input type="text" name="text" onkeyup="cbgcolor(this.value)"></p>');

document.writeln('</div>');

function cbgcolor(color){   //change background color

 if (color != '')

 document.bgColor=(''+color+'');  //设置背景颜色

}

function keepdivpos(){    //keep div position

document.all.bgcolortestdiv.style.pixelTop=parseInt(document.body.scrollTop)+100 //计算并设置层的相对位置

}

setInterval('keepdivpos()',100)   //设定自动改变层位置的时钟。

// End -->

</SCRIPT>

</HEAD>

<BODY>

</BODY>

</HTML>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Jquery submit()无法提交问题
Apr 21 Javascript
Jquery实现视频播放页面的关灯开灯效果
May 27 Javascript
提取jquery的ready()方法单独使用示例
Mar 25 Javascript
js实现鼠标触发图片抖动效果的方法
Feb 27 Javascript
原生js实现鼠标跟随效果
Feb 28 Javascript
AngularJS的脏检查深入分析
Apr 22 Javascript
vue2实现可复用的轮播图carousel组件详解
Nov 27 Javascript
axios简单实现小程序延时loading指示
Jul 30 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
Aug 13 Javascript
JS实现的自定义map方法示例
May 17 Javascript
微信小程序登录态和检验注册过没的app.js写法
May 22 Javascript
layui form表单提交后实现自动刷新
Oct 25 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
Feb 27 #Javascript
Jquery中Event对象属性小结
Feb 27 #Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 #Javascript
JS实现往下不断流动网页背景的方法
Feb 27 #Javascript
jQuery+easyui中的combobox实现下拉框特效
Feb 27 #Javascript
asp.net+js实现金额格式化
Feb 27 #Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 #Javascript
You might like
espresso double下 咖啡粉超细时 饼压力对咖啡的影响
2021/03/03 冲泡冲煮
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
thinkPHP实现表单自动验证
2014/12/24 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
javascript延时重复执行函数 lLoopRun.js
2007/06/29 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
js拼接html注意问题示例探讨
2014/07/14 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
简单的js表格操作
2016/09/24 Javascript
JavaScript实现定时页面跳转功能示例
2017/02/14 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
记录vue做微信自定义分享的一些问题
2019/09/12 Javascript
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
Perl中著名的Schwartzian转换问题解决实现
2015/06/02 Python
Python 专题一 函数的基础知识
2017/03/16 Python
浅谈python和C语言混编的几种方式(推荐)
2017/09/27 Python
python使用Qt界面以及逻辑实现方法
2019/07/10 Python
python elasticsearch环境搭建详解
2019/09/02 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
HTML5地理定位_动力节点Java学院整理
2017/07/12 HTML / CSS
canvas生成带二维码海报的踩坑记录
2019/09/11 HTML / CSS
英国山地公路自行车商店:Tweeks Cycles
2018/03/16 全球购物
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
党员一句话承诺大全
2014/03/28 职场文书
大学生村官考核材料
2014/05/23 职场文书
Python 可迭代对象 iterable的具体使用
2021/08/07 Python