站长首页  新闻资讯  网站运营  网站源码  站长学院  赚钱联盟  站长论坛  链接交换  素材中心  站长工具
设为主页
收藏本站
寻找帮助
 学院首页 | 网络编程 | 网页设计 | 图形图象 | 数 据 库 | 服务器技术 | 网络安全 | 网络媒体 | 搜索排名 | 网站运营 |
 当前位置:站长前线 >> 站长学院 >> 网页设计 >> 网页特效 >> 随鼠标的闪烁小星星
∷ 相关文章 ∷
随鼠标的闪烁小星星
∷ 热门文章 ∷
网吧生存手册:10秒钟还你..
密码攻防实战:驱动器隐藏..
木马入侵手段及防范措施
PhotoShop 学习方法论简单..
ASP.NET下MVC设计模式的实..
使用Win2003搭建视频服务器..
asp.net StreamReader 创建..
代理商之痛(转互联网大会..
用VB实现一个简单的ESMTP客..
Linux 服务器的安全隐患以..
 
随鼠标的闪烁小星星
作者:未知   来源:CSDN   发布日期:2005-4-8   点击次数: 323
随鼠标的闪烁小星星

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

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>


[告诉好友] [关闭窗口] [返回上一页] [打 印]

  • 上篇文章:鼠标周围的文字宣传
  • 下篇文章:鼠标右键显隐效果
  • 关于本站 版权申明 广告服务 友情链接 寻找帮助 联系我们 人才招聘
    Copyright © 2002-2006 Zzadmin.Com. All Rights Reserved .
    Powered by:Zzadmin.com
    本站资源搜集于网络与本站无关如有侵权请来信指出!