700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js随机生成网页背景颜色办法【javascript】

js随机生成网页背景颜色办法【javascript】

时间:2021-03-13 11:11:05

相关推荐

js随机生成网页背景颜色办法【javascript】

web前端|js教程

js,随机,生成,网页,背景颜色,方法

web前端-js教程

本文实例讲述了js随机生成网页背景颜色的方法。分享给大家供大家参考。具体实现方法如下:

jcaptcha源码,ubuntu 手动分区必须,tomcat8怎么配置,爬虫优化内容,php小程序下载,新民一站式抖音seo优化价目表lzw

随机生成网页背景颜色的JS特效

.30pt{font-size:30pt;color:#de3076}

<!--

color=new Array("0","3","6","9","C","F");

speed=250;

document.bgColor="FFFFFF";

bg=new Array("FFFFFF","FFFFFF","FFFFFF");

function begin() {

document.form.col1.value=" X "; document.form.col2.value=" X ";

document.form.col3.value=" X "; i=0; roll(speed);

}

function roll(speedB) //轮子滚动

{

if (document.form.col1.value==" X ") {

document.form.c1.value=document.form.b1.value;

document.form.b1.value=document.form.a1.value;

document.form.a1.value=

color[Math.round(Math.random()*10)%6]+

color[Math.round(Math.random()*10)%6]; //利用随机函数产生轮子上的颜色值

}

if (document.form.col2.value==" X ") {

document.form.c2.value=document.form.b2.value;

document.form.b2.value=document.form.a2.value;

document.form.a2.value=

color[Math.round(Math.random()*10)%6]+

color[Math.round(Math.random()*10)%6];

}

if (document.form.col3.value==" X ") {

document.form.c3.value=document.form.b3.value;

document.form.b3.value=document.form.a3.value;

document.form.a3.value=

color[Math.round(Math.random()*10)%6]+

color[Math.round(Math.random()*10)%6];

}

setTimeout("roll("+speedB+")",speedB);

}

function stop(col) //轮子停止滚动

{

if (col==1) {document.form.col1.value=" ";i++;}

if (col==2) {document.form.col2.value=" ";i++;}

if (col==3) {document.form.col3.value=" ";i++;}

if (i==3) {

bg[0]=document.form.a1.value+

document.form.a2.value+

document.form.a3.value;

bg[1]=document.form.b1.value+

document.form.b2.value+

document.form.b3.value;

bg[2]=document.form.c1.value+

document.form.c2.value+

document.form.c3.value;

speedB=500000;roll(speedB);

}

}

function view(letter) //颜色预览

{

document.bgColor=bg[letter];

document.form.color.value="#"+bg[letter];

}

-->

解密源码修复参数,ubuntu16 软件,tomcat源未找到目标,数据爬虫网络,php网站建设技能论文,seo战队lzw

oa系统模板源码下载,解决办法 ubuntu,tomcat8升小版本报错,爬虫如何点确认,php7.2与7.4性能对比,seo公司盈利lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。