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 相关文章推荐
JavaScript基础教程之alert弹出提示框实例
Oct 16 Javascript
JsRender实用入门教程
Oct 31 Javascript
JavaScript生成随机字符串的方法
Mar 19 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
May 04 Javascript
js给selected添加options的方法
May 06 Javascript
javascript搜索框效果实现方法
May 14 Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
Sep 01 Javascript
js实现文字滚动效果
Mar 03 Javascript
Bootstrap carousel轮转图的使用实例详解
May 17 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 Javascript
JS数组方法concat()用法实例分析
Jan 18 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
PHP开发中的错误收集,不定期更新。
2011/02/03 PHP
php获取汉字首字母的函数
2013/11/07 PHP
PHP5.3与5.5废弃与过期函数整理汇总
2014/07/10 PHP
Cygwin中安装PHP方法步骤
2015/07/04 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP token验证生成原理实例分析
2019/06/05 PHP
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
2006/10/19 Javascript
Angularjs 基础入门
2014/12/26 Javascript
JavaScript中的Array 对象(数组对象)
2016/06/02 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
2018/02/01 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
[02:04]完美世界城市挑战赛秋季赛报名开始 谁是solo路人王?
2019/10/10 DOTA
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
Python实现Sqlite将字段当做索引进行查询的方法
2016/07/21 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
python生成lmdb格式的文件实例
2018/11/08 Python
Django 接收Post请求数据,并保存到数据库的实现方法
2019/07/12 Python
Python如何输出百分比
2020/07/31 Python
numba提升python运行速度的实例方法
2021/01/25 Python
matplotlib相关系统目录获取方式小结
2021/02/03 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
Myprotein丹麦官网:欧洲第一运动营养品牌
2019/04/15 全球购物
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
生日派对邀请函
2014/01/13 职场文书
机关会计岗位职责
2014/04/08 职场文书
男女朋友协议书
2014/04/23 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
党员评议自我评价
2015/03/03 职场文书
汽车销售员工作总结
2015/08/12 职场文书
田径运动会广播稿
2015/08/19 职场文书
2019森林防火宣传标语大全!
2019/07/03 职场文书
家长必看:义务教育,不得以面试 评测等名义选拔学生
2019/07/09 职场文书
八年级作文之感悟亲情
2019/11/20 职场文书