JavaScript控制网页背景随机不停的变换颜色

<html>
<head>
<title>JavaScript控制网页背景随机不停的变换颜色_石家庄地毯网(www.sjzditan.net)</title>
</head>
<body onLoad="chgCol(); pingpong();">
<script language="JavaScript">
<!-- Hide from JavaScript-Impaired Browsers
var pos = 10;
function initArray() {
 this.length = initArray.arguments.length;
 for (var i = 0; i < this.length; i++) {
  this[i] = initArray.arguments[i];
  }
}
var col=new initArray("4b","5b","8b","8b");
col[0] = "white";
col[1] = "coral";
col[2] = "orange";
col[3] = "red";
col[4] = "greenyellow";
col[5] = "lime";
col[6] = "turquoise";
col[7] = "coral";
col[8] = "blueviolet";
col[9] = "violet";

function chgCol() {
  pos++;
  if (pos<0||pos>9) {
    pos = 0;
    }
  document.bgColor = col[pos];
  setTimeout("chgCol()",1000);
 }

var yourwords = "";var buffer1="           ";
var buffer2="           ";
var message1=buffer1+yourwords+buffer2;
var dir = "left";var speed =150;
function pingpong(){if (dir == "left")
 {    message2=message1.substring(2,message1.length)+"  ";
   window.status=message2;
  setTimeout("pingpong();",speed);
   message1=message2;
   if (message1.substring(0,1) == "*") dir="right";
  }
else
 {    message2="  "+message1.substring(0,message1.length-2);
   window.status=message2;
 setTimeout("pingpong();",speed);
   message1=message2;
   if (message1.substring(message1.length-1,message1.length) == "*") dir="left";
 }
}
// -->
</script>
<br />

</body>
</html>
时间: 2024-11-05 19:44:07

JavaScript控制网页背景随机不停的变换颜色的相关文章

JavaScript实现网页背景自动变色

JavaScript实现网页背景自动变色,自己变换颜色,设定时间和颜色值即可,在你设定的颜色值.一定时间内自动切换网页背景颜色. <!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&

一直不停自动变换颜色的文字链接

<html> <head> <title>一直不停自动变换颜色的文字链接</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function initArray() { for (var i = 0; i < initArray.arguments.length; i++) { this[i] = initArray.arguments[i]; } this.len

【JavaScript】轻松更改网页背景与字体的颜色

JavaScript,通过点击按钮更改网页背景与字体的颜色,网页中有N个改变颜色的按钮,点击不同的按钮,网页的字体与背景就会改变成不同的颜色.很简单的JavaScript小程序. 一.基本目标 一打开网页首先提示问候信息"你好" 网页中有N个改变颜色的按钮,其中返回是返回网页的默认颜色,背景是白的,字体是黑的 点击不同的按钮,网页的字体与背景就会改变成不同的颜色. 本来想做出彩虹起色的,但原理完全一样就不多写按钮了. 二.基本思想 关键是对body标签与字体js提供id,使其在js中得

使用视频作为网页背景的技术探讨

http://www.chinaz.com/web/2014/0530/353774.shtml 怎么开淘宝店 网站优化方法 创业如何获得投资 小米note顶配版评测 最新LOL活动 使用视频作为网页背景是件很酷的事情,但也是件困难的事情.CSS里的background-image属性只能使用图片.SVG.颜色或渐变色.但从技术讲,我们是可以伪造出一种效果,让视频以背景的角色出现在其它HTML元素后面.这其中的难点是视频要填充整个浏览器页面,而且要响应浏览器窗口大小的变化. 观看演示1 视频作为

网页背景图片代码

1.(最普遍类) <style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style> 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的! 2.(综合类) 3.<P class="style6"> </P></SP

jQuery控制网页字体大小和肤色

在一些网站上经常看到有控制网页肤色和字体大小的功能,接下来,我们将用两个例子来实现这两个功能. 网页字体大小 首先我们在网页中添加一些被控制大小的文字和字体控制的按钮. <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <

如何使用JavaScript控制CSS Animations(动画)和Transitions(过渡)

Zach邮件跟我说,上Stack Overflow这类的论坛,他经常碰到一些关于JavaScript控制CSS 动画的问题,又提供给我几个例子.我很久就打算写一些关于这方面的文章,所以很高兴让Zach提出来并促使我写了这个教程. 有时候WEB开发人员认为CSS的动画比JavaScript的动画更难理解.虽然CSS动画有其局限性,但它的性能比大多数JavaScript库更加高效,因为它可以借助硬件加速啊!其效果绝对可以超出我们的预期. CSS animations和transitions再加上点J

JavaScript实现网页安全登录(转)

现在很多商业网站的用户登录都是明码传输的,而一般用户又习惯于所有帐号使用相同的密码来保存,甚至很多人使用的密码和自己的银行帐号都一样哦!所 以嘛还是有一定的安全隐患的,YAHOO的免费邮箱登录使用了MD5的加密方法来确证服务提供方自己也无法知道用户的密码,有效维护了用户的隐私.其原理 如下:用户在注册的时候通过JAVASCRIPT对密码进行一次MD5变换,然后发给服务器保存在数据库,因为MD5是无法逆向变换的所以可以保证服务商保护客户的隐私.当然如果要更高的保证这个变换后的密钥安全则建议使用HT

网页背景字体学习

2016年10月28日下午 一.bgcolor的学习.所有属性都是在其里面进行操作才可有效果的. ①<bgcolor="#颜色" text="网站字体颜色" back ground="网页背景图片"></bgcolor> 二.格式控制类 font ①<font face="字体" size="字体大小" color="文字颜色"></font&g