随鼠标的闪烁小星星

2016-01-29 11:50 16 1 收藏

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

【 tulaoshi.com - Javascript 】

把如下代码加入<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');

 


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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160129/1483542.html

延伸阅读
大厨“造”月饼(冰皮) 1、莲茸馅的制作: 这个制作过程可漫长可费劲了,先浸泡3小时左右,再把莲芯去掉,这样泡了会更易去掉莲芯,再浸泡10小时,炖8小时,结果还不是很烂,又蒸了1小时,蒸的时候放冰糖,量多少依个人口味,本来想放豆浆机榨的,之前先榨了红枣,看到红枣的下场,果断放弃,这个懒偷不得,最后还是手工捣碎,捣成茸后备...
标签: 糯米粉
教你簡單包個冰皮月餅 做法: 將冰皮材料 1-6 攪拌過篩. 蒸30分鐘.放涼搓至軟滑.放回雪櫃雪一晚...取出搓勻.分成每舊 24 G... 做法: 將奶皇餡1-6放入碗內攪勻.過篩倒入煲內.加入牛油.開細火慢煮.邊煮邊攪.避免粘底.煮至不粘煲底便成形.放涼搓勻.分開每舊 22 G..... 不過呢個唔係最主要.最主要係要教你地點簡單包個皮薄餡靚嘅冰皮月...
标签: 编织
步骤1: 捏平并对折 步骤2: 中间的折痕(怕大家看不清,用黑色的笔标记一下~) 步骤3: 步骤4: 捏着右边那根向上翻 步骤5: 右边的向左边翻 步骤6: 建议用右手拿着,然后左手大拇指放在画黑色那部分的小三角形下边,用拇指翻过来,记得一定要握紧,散了就不容易弄回去了 步骤7: ...
小星星鸡蛋饼 1. 秋葵洗干净,切小段~ 2. 鸡蛋打散,加奶油、盐、料酒打匀,加入秋葵小段,混成鸡蛋液。 3. 锅里放油烧热,倒入鸡蛋液后将火调小(我是电磁炉270℃转160℃~),鸡蛋液表面...
标签: PS PS基础
相信大家一定看过皮克斯出品的动画短片《月神》,美死了。今天我来给大家分享一个PS小星星的简单制作方法。 先看看效果图 1、用自定形状工具,追加形状,找到五角星,+shift 拖出五角星形状。 2、用钢笔工具里面的转换点工具,拖动五角星的锚点,将尖角变的平滑一点。 3、先加渐变。 4、见证奇迹的时刻,就是这一步斜面...

经验教程

115

收藏

23
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部