随鼠标的闪烁小星星

我爱的人cj63

我爱的人cj63

2016-01-29 11:50

随鼠标的闪烁小星星,随鼠标的闪烁小星星

把如下代码加入<body区域中
<script language="JavaScript"
<!--
colours=new Array('#ffffff','#ff0000','#00ff00','#ffffff','#ff00ff','#ffa500','#fff000','#0000ff','#ffffff')

y = 0;
x = 0;
n6=(document.getElementById&&!document.all);
ns=(document.layers);
ie=(document.all);
d=(ns||ie)?'document.':'document.getElementById("';
a=(ns||n6)?'':'all.';
n6r=(n6)?'")':'';
s=(ns)?'':'.style';
n=(n6)?9:10;
if (ns){
for (i = 0; i < n; i++)
document.write('<layer name="dots'+i+'" top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000</layer');
}
if (ie)
document.write('<div id="con" style="position:absolute;top:0px;left:0px"<div style="position:relative"');
if (ie||n6){
for (i = 0; i < n; i++)
document.write('<div id="dots'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#ff0000;font-size:'+i/2+'"</div');
}
if (ie)
document.write('</div</div');

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

 


(ns||n6)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
y = (ns||n6)?evnt.pageY+4 - window.pageYOffset:event.y+4;
x = (ns||n6)?evnt.pageX+1:event.x+1;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function animate(){
h=(ns||n6)?window.innerHeight:document.body.clientHeight;
w=(ns||n6)?window.innerWidth:document.body.clientWidth;

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

o=(ns||n6)?window.pageYOffset:0;
if (ie)con.style.top=document.body.scrollTop;
for (i = 0; i < n; i++){
var temp1 = eval(d+a+"dots"+i+n6r+s);
var randcolours = Math.floor(Math.random()*colours.length);
(ns)?temp1.bgColor = colours[randcolours]:temp1.background = colours[randcolours];
if (i < n-1){
 var temp2 = eval(d+a+"dots"+(i+1)+n6r+s);
 temp1.top = parseInt(temp2.top);
 temp1.left = parseInt(temp2.left);
 }
else{
 temp1.top = y+o;
 temp1.left = x;
 }
if ((y < h/10) || (y h-h/10) || (x < w/10) || (x w-w/10)){
var temp3 = eval(d+a+"dots"+0+n6r+s);
temp3.top = (y-25)+Math.random()*50;
temp3.left = (x-25)+Math.random()*50;
temp2.top = parseInt(temp3.top)+o;
temp2.left = parseInt(temp3.left);
}
}
setTimeout("animate()",30);
}
animate();
// --
</script

展开更多 50%)
分享

猜你喜欢

随鼠标的闪烁小星星

电脑网络
随鼠标的闪烁小星星

什么是QQ小星星数字

电脑入门
什么是QQ小星星数字

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

编织教程图解 小星星美美哒

编织
编织教程图解 小星星美美哒

Photoshop制作可爱的小星星教程

PS PS基础
Photoshop制作可爱的小星星教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

纸折小星星 怎样折星星图解教程

儿童折纸 手工折纸 吸管星星的折法
纸折小星星 怎样折星星图解教程

瓦楞纸上的小星星手工制作

手工制作
瓦楞纸上的小星星手工制作

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用js封装的时间设置器

用js封装的时间设置器

PSV《高达破坏者2》格斗机EX搭配推荐介绍

PSV《高达破坏者2》格斗机EX搭配推荐介绍
下拉加载更多内容 ↓