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 相关文章推荐
一个js实现的所谓的滑动门
May 23 Javascript
检测jQuery.js是否已加载的判断代码
May 20 Javascript
一些实用的jQuery代码片段收集
Jul 12 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
JavaScript获取页面中第一个锚定文本的方法
Apr 03 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
JavaScript继承学习笔记【新手必看】
May 10 Javascript
js实现3D图片展示效果
Mar 09 Javascript
Node.js 中使用 async 函数的方法
Nov 20 Javascript
JavaScript 预解析的4种实现方法解析
Sep 03 Javascript
JavaScript代码异常监控实现过程详解
Feb 17 Javascript
Vue中computed及watch区别实例解析
Aug 01 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下MAIL的另一解决方案
2006/10/09 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
PHP截取指定图片大小的方法
2014/12/10 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
PHP中mysqli_get_server_version()的实例用法
2020/02/03 PHP
PHP反射基础知识回顾
2020/09/10 PHP
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
2016/07/12 Javascript
Angular下H5上传图片的方法(可多张上传)
2017/01/09 Javascript
JS中使用 after 伪类清除浮动实例
2017/03/01 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
2019/06/24 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
vue实现广告栏上下滚动效果
2020/11/26 Vue.js
pycharm 使用心得(三)Hello world!
2014/06/05 Python
Python 自动刷博客浏览量实例代码
2017/06/14 Python
Python入门之后再看点什么好?
2018/03/05 Python
Python中 map()函数的用法详解
2018/07/10 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
python覆盖写入,追加写入的实例
2019/06/26 Python
python 实现视频 图像帧提取
2019/12/10 Python
Python lambda表达式原理及用法解析
2020/08/18 Python
python对 MySQL 数据库进行增删改查的脚本
2020/10/22 Python
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
西班牙多品牌鞋店连锁店:Krack
2018/11/30 全球购物
新浪网技术部笔试题
2016/08/26 面试题
校园达人秀策划书
2014/01/12 职场文书
护士自我评价范文
2014/01/25 职场文书
环境建设实施方案
2014/03/14 职场文书
学校四风对照检查材料
2014/08/28 职场文书
法制演讲稿
2014/09/10 职场文书
基层党组织整改方案
2014/10/25 职场文书
幼儿园工作总结2015
2015/04/01 职场文书