>

得到元素真实的背景颜色的js代码,JS实现在页面

- 编辑:www.bifa688.com -

得到元素真实的背景颜色的js代码,JS实现在页面

得到元素真实的背景颜色

本文实例讲述了JavaScript实现的背景自动变色代码。分享给大家供大家参考,具体如下:

本文实例讲述了JS实现在页面随时自定义背景颜色的方法。分享给大家供大家参考。具体实现方法如下:

得到元素真实的背景颜色 By Longbill

这里演示JavaScript实现网页背景自动变色,自己变换颜色,设定时间和颜色值即可,在你设定的颜色值、一定时间内自动切换网页背景颜色。

复制代码 代码如下:

div1 直接通过div标签定义背景色(#87cefa)

运行效果截图如下:

<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>

div2 通过class name定义背景色(#ff99dd)

图片 1

希望本文所述对大家的javascript程序设计有所帮助。

div3 通过id定义背景色(#d8bfd8)

在线演示地址如下:

您可能感兴趣的文章:

  • 鼠标选择动态改变网页背景颜色的JS代码
  • js实现的简单radio背景颜色选择器代码
  • js点击列表文字对应该行显示背景颜色的实现代码
  • js实现点击按钮后给Div图层设置随机背景颜色的方法
  • js随机生成网页背景颜色的方法
  • js的alert样式如何更改如背景颜色
  • js点击更换背景颜色或图片的实例代码
  • JS控制按钮自动切换背景颜色(可暂停)
  • JS实现网页游戏中滑块响应鼠标点击移动效果
  • JS实现可展开折叠层的鼠标拖曳效果
  • JS实现鼠标滑过链接改变网页背景颜色的方法

div4 这是一个透明的div,背景色应为上一个元素的颜色(#bed742)

getBg()

具体代码如下:

[Ctrl A 全选 注:如需引入外部Js需刷新才能执行]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>背景自动变色</title>
</head>
<body>
背景自动变色
<script language="javascript">
var Arraycolor=new Array("#00FF66","#FFFF99","#99CCFF","#FFCCFF","#FFCC99","#00FFFF","#FFFF00","#FFCC00","#FF00FF");
var n=0;
function turncolors(){
  n  ;
  if (n==(Arraycolor.length-1)) n=0;
  document.bgColor = Arraycolor[n];
  setTimeout("turncolors()",1000);
}
turncolors();
</script>
</body>
</html>

您可能感兴趣的文章:

  • js随机生成网页背景颜色的方法
  • JS实现点击颜色块切换指定区域背景颜色的方法
  • js的alert样式如何更改如背景颜色
  • 鼠标选择动态改变网页背景颜色的JS代码
  • js点击更换背景颜色或图片的实例代码
  • 利用JQuery和JS实现奇偶行背景颜色自定义效果
  • JS控制按钮自动切换背景颜色(可暂停)
  • JS实现在页面随时自定义背景颜色的方法

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

  • js点击弹出div层实现可拖曳的弹窗效果
  • CSS JS实现点击文字弹出定时自动关闭DIV层菜单的方法
  • js CSS实现弹出居中背景半透明div层的方法
  • JS弹出可拖拽可关闭的div层完整实例
  • JS实现带圆弧背景渐变效果的导航菜单代码
  • JS实现进入页面时渐变背景色的方法
  • JavaScript实现点击单元格改变背景色的方法
  • javascript设置页面背景色及背景图片的方法
  • js获取及修改网页背景色和字体色的方法
  • javascript实现网页背景烟花效果的方法
  • js点击列表文字对应该行显示背景颜色的实现代码
  • 神奇!js CSS DIV实现文字颜色渐变效果
  • JavaScript html5 canvas绘制渐变区域完整实例
  • JavaScript实现弹出DIV层同时页面背景渐变成半透明效果

本文由必发88官网发布,转载请注明来源:得到元素真实的背景颜色的js代码,JS实现在页面