随鼠标的闪烁小星星

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

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

【 tulaoshi.com - Javascript 】

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

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

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;

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

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

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

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

延伸阅读
标签: Illustrator
本文为 http://www.bonesblog.net 原创,转载需注明出处 其实最起码要绘制星星的话,首先应该想到星形工具。那就用这个工具随意在画布上拉出一个星形的形状来。当然这个形状是上一次我绘制过8边形才会这样的,可能你的会不一样,没有关系,我们要的是5角星,那就改改。 按下键盘上的“↓”和“↑”来调节星形的边数,我们调整成5边 鼠...
看看效果:     第一步: 打开FLASH,新建一个影片剪辑元件,命名为星星,在里面绘制一个星星出来,并且把它的中心点和舞台注册点对齐,在第20帧和第40处各插入一个关键帧。选中第20帧,在它的中心点和舞台的注册点对齐的情况下按住SHIFT键进行等比例缩小(你认为差不多就行了),然后选中第1到20帧...
PowerPoint如何制作闪烁星星图   1、点击进入插入菜单选项卡,在插图组中找到形状按钮,在幻灯片中添加一个星与旗帜/十字星图形,绘画大小随意。 2、鼠标双击这个十字星,换到格式选项卡中,点击形状样式组中的形状填充设置黄色填充色,点击形状轮廓设置无轮廓格式,顺便调整好星星的大小。 3、切换到动画菜单选项卡...
最终效果图 1、在这个例子中我们将主要用到蒙版来处理图片,从而得到奇妙的效果,我们先打开两个素材图片,一个是水花,一个是鼠标。 2、选择移动工具将鼠标图片拖动到水花图片中,再选择魔术棒工具,设置容差为20,在背景上单击选择全部背景。 3、按“Ctrl+Shift+I”执行反选命令,在层面版中单击“添加...
PowerPoint制作闪烁的星星的方法   相信大家都看过天上的星星一闪一闪亮晶晶的效果,一般都是用FLASH制作而成的动画效果那用PPT制作可以吗?我们就来见识一下:用PowerPoint制作闪烁的星星,系统建立了一个新的空白幻灯片: 绘画一个星星:点击进入插入菜单选项卡,在插图组中找到形状按钮,在幻灯片中添加一个星与旗帜/十字星...

经验教程

38

收藏

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