js实现跟随鼠标闪烁动弹色块的要领

来源: 电脑维修教程 阅读:     发表时间:

js实现跟随鼠标闪烁动弹色块的要领,涉及javascript操纵html元素及css样式的技巧,具有必然参考借鉴价值,需要的伴侣可以参考下 本文实例讲述了js实现跟随鼠

js实现跟随鼠标闪烁动弹色块的要领,涉及javascript操纵html元素及css样式的技巧,具有必然参考借鉴价值,需要的伴侣可以参考下

本文实例讲述了js实现跟随鼠标闪烁动弹色块的要领。分享给各人供各人参考。具体实现要领如下:

代码如下:

<html>;

<head>;

<title>;js跟随鼠标闪烁动弹的色块</title>;

;

;

<script language="javascript">;

<--

if (document.all){

colours=new array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000')

amount=colours.length;

ygetdelay=0,xgetdelay=0,ydelay=0,xdelay=0,step=0.2,currstep=0,my=0,mx=0;

document.write('<div id="ie" style="position:absolute;top:0;left:0;">;<div style="position:relative">;');

for (i=0; i < amount; i++)

document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:courier new;font-size:5px;color:'+colours[i]+';padding-top:20px;text-align:center">;.

document.write('

ini=1;

gstep=1;

function imouse(){

my=event.y;mx=event.x;

}

document.onmousemove=imouse

function dim(){

ini-=gstep;

dt=settimeout('dim()',10);

if (ini < 2){

cleartimeout(dt);

glow();

}

}

function glow(){

ini+=gstep;

gt=settimeout('glow()',10);

if (ini >; 14){

cleartimeout(gt);

dim();

}

}

function stars(){

ie.style.top=document.body.scrolltop;

for (i=0; i < amount; i++)

{

var layer=iestars[i].style;

layer.filter='glow(color='+colours[i]+', strength='+ini+')';

layer.top= ydelay+100*math.sin((5*math.sin((currstep-15.99)/10))+i*70)*math.sin((currstep)/10)*math.cos((currstep+i*25)/10);

layer.left=xdelay+180*math.cos((5*math.sin((currstep-15.99)/10))+i*70)*math.sin((currstep)/10)*math.cos((currstep+i*25)/10);

}

currstep+=step;

}

function delay(){

ydelay = ygetdelay+=(my-ygetdelay)*1/20;

xdelay = xgetdelay+=(mx-xgetdelay)*1/20;

stars();

settimeout('delay()',10);

}

delay();

glow();

}

//-->;

;

;

;

但愿本文所述对各人的javascript措施设计有所帮手。

电脑维修视频教程

以上是:解决js实现跟随鼠标闪烁动弹色块的要领问题的详细资料教程