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 异步调用框架 (Part 6 - 实例 &amp; 模式)
Aug 04 Javascript
jquery CSS选择器笔记
Mar 29 Javascript
JavaScript NaN和Infinity特殊值 [译]
Sep 20 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
Mar 09 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
Sep 26 Javascript
Angular2的管道Pipe的使用方法
Nov 07 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
判断iOS、Android以及PC端的示例代码
Nov 15 Javascript
Node.js中console.log()输出彩色字体的方法示例
Dec 01 Javascript
javascript实现前端input密码输入强度验证
Jun 24 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/08/02 PHP
ini_set的用法介绍
2014/01/07 PHP
php使用fsockopen函数发送post,get请求获取网页内容的方法
2014/11/15 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
PHP实现验证码校验功能
2017/11/16 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
可以支持多中格式的JS键盘
2007/05/02 Javascript
Javascript学习笔记2 函数
2010/01/11 Javascript
javascript 节点遍历函数
2010/03/28 Javascript
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
2010/04/15 Javascript
js随机生成网页背景颜色的方法
2015/02/26 Javascript
jQuery图片特效插件Revealing实现拉伸放大
2015/04/22 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
JS实现隔行换色的表格排序
2017/03/27 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
javaScript实现滚动条事件详解
2020/03/24 Javascript
Bootstrap 3多级下拉菜单实例
2017/11/23 Javascript
在vscode中统一vue编码风格的方法
2018/02/22 Javascript
vue单个组件实现无限层级多选菜单功能
2018/04/10 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
[03:55]DOTA2完美大师赛选手传记——LFY.MONET
2017/11/18 DOTA
Python可跨平台实现获取按键的方法
2015/03/05 Python
python实现统计代码行数的方法
2015/05/22 Python
Python修改MP3文件的方法
2015/06/15 Python
Python利用Beautiful Soup模块修改内容方法示例
2017/03/27 Python
python获取txt文件词向量过程详解
2019/07/05 Python
python实现机器人卡牌
2019/10/06 Python
Python semaphore evevt生产者消费者模型原理解析
2020/03/18 Python
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
Miller Harris官网:英国小众香水品牌
2020/09/24 全球购物
Yahoo-PHP面试题3
2012/01/14 面试题
乡镇交通安全实施方案
2014/03/29 职场文书
2014小学一年级班主任工作总结
2014/12/05 职场文书
2015暑假打工实践报告
2015/07/13 职场文书
学生会主席任命书
2015/09/21 职场文书
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技