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事件问题
Sep 05 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
JS判断对象是否存在的10种方法总结
Dec 23 Javascript
Jquery数字上下滚动动态切换插件
Aug 08 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
Jun 16 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
Feb 20 Javascript
Vue 2.0的数据依赖实现原理代码简析
Jul 10 Javascript
浅谈JS中的反柯里化( uncurrying)
Aug 17 Javascript
vue 简单自动补全的输入框的示例
Mar 12 Javascript
vue如何限制只能输入正负数及小数
Jul 04 Javascript
Vue中computed及watch区别实例解析
Aug 01 Javascript
express异步函数异常捕获示例详解
Nov 30 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提取中文首字母
2008/04/09 PHP
启用Csrf后POST数据时出现的400错误
2015/07/05 PHP
php四种定界符详解
2017/02/16 PHP
才发现的超链接js导致网页中GIF动画停止的解决方法
2007/11/02 Javascript
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
2014/01/08 Javascript
Node.js模块加载详解
2014/08/16 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
JavaScript基础知识及常用方法总结
2016/01/10 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
JavaScript实现前端实时搜索功能
2020/03/26 Javascript
JavaScript对象_动力节点Java学院整理
2017/06/23 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
Python2.7简单连接与操作MySQL的方法
2016/04/27 Python
Python开发的实用计算器完整实例
2017/05/10 Python
为何人工智能(AI)首选Python?读完这篇文章你就知道了(推荐)
2019/04/06 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
使用python绘制二维图形示例
2019/11/22 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
python pillow库的基础使用教程
2021/01/13 Python
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
《长城》教学反思
2014/02/14 职场文书
人民教师的自我评价分享
2014/02/21 职场文书
员工入职担保书范文
2014/04/01 职场文书
防沙治沙典型材料
2014/05/07 职场文书
工程质检员岗位职责
2015/04/08 职场文书
幼儿园门卫安全责任书
2015/05/08 职场文书
投诉信范文
2015/07/02 职场文书
介绍信应该怎么开?
2019/04/03 职场文书
PHP获取学生成绩的方法
2021/11/17 PHP
源码分析Redis中 set 和 sorted set 的使用方法
2022/03/22 Redis
SQL Server使用PIVOT与unPIVOT实现行列转换
2022/05/25 SQL Server