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程序设计有所帮助。
JS实现在页面随时自定义背景颜色的方法
- Author -
代码家园声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@