• 文字广告位
  • 文字广告位
  • 文字广告位
您现在的位置: 站长手册 >> 特效代码 >> 鼠标类 >> 正文
站内搜索
Google
[组图]不断上升的鼠标气泡
          ★★★   

不断上升的鼠标气泡

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气: 来源:本站原创 作者:佚名 所属栏目:鼠标类 [切换到繁體中文]
介绍:不错的效果!用在你的博客中会怎么样呢?

演示:

[Ctrl+A全选 提示:你可先修改部分代码,再按运行]

下面教你如何应用此特效:气泡图片:
 --------------------------------------------------------------------------------------
  需要在<body 这里>加入的代码:
 --------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<SCRIPT language=JavaScript>
<!-- Begin
Image0 = new Image();
Image0.src = "/texiao/zzsc_demo/20070619232227749.gif";
Amount = 20; 
Ymouse = -50;
Xmouse = -50;
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
rate = new Array();
grow = new Array();
Step = new Array();
Cstep = new Array();
nsSize = new Array();
ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt) {
Ymouse=(document.layers)?evnt.pageY-20:event.y-20;
Xmouse=(document.layers)?evnt.pageX:event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
for (I = 0; I < Amount; I++) {
Ypos[I] = Ymouse;
Xpos[I] = Xmouse;
Speed[I] = Math.random()*4+1;
Cstep[I] = 0;
Step[I] = Math.random()*0.1+0.05;
grow[I] = 8;
nsSize[I] = Math.random()*15+5;
rate[I] = Math.random()*0.5+0.1;
}
if (ns) {
for (I = 0; I < Amount; I++) {
document.write("<LAYER NAME='sn"+I+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[I]+" height="+nsSize[I]+"></LAYER>");
   }
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (I = 0; I < Amount; I++) {
document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');
}
document.write('</div></div>');
}
function MouseBubbles() {
var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;
for (I = 0; I < Amount; I++){
sy = Speed[I] * Math.sin(270 * Math.PI / 180);
sx = Speed[I] * Math.cos(Cstep[I] * 4);
Ypos[I] += sy;
Xpos[I] += sx; 
if (Ypos[I] < -40) {
Ypos[I] = Ymouse;
Xpos[I] = Xmouse;
Speed[I] = Math.random() * 6 + 4;
grow[I] = 8;
nsSize[I] = Math.random() * 15 + 5;
}
if (ns) {
document.layers['sn'+I].left = Xpos[I] + wscrll;
document.layers['sn'+I].top = Ypos[I] + hscrll;
}
else {
si[I].style.pixelLeft = Xpos[I] + wscrll;
si[I].style.pixelTop = Ypos[I] + hscrll;
si[I].style.width = grow[I];
si[I].style.height = grow[I]; 
}
grow[I] += rate[I]; 
Cstep[I] += Step[I];
if (grow[I] > 24) grow[I] = 25;
}
setTimeout('MouseBubbles()', 10);
}
MouseBubbles();
//  End -->
</SCRIPT>
  • 上一个特效:
  • 下一个特效:
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    姓 名: *(必填项) ·注册用户·
    Email: QQ号:
    评 分: 1分 2分 3分 4分 5分
    • 您可以发表评论支持你喜欢的文章。
    • 请遵守《互联网电子公告服务管理规定》
    • 请遵守中华人民共和国各项有关法律法规。
    • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    • 评论人需对自己在使用评论过程中的行为承担法律责任。
    • 本站管理员有权保留或删除评论内容。
    • 评论内容只代表个人观点,与本网站立场无关。
    站内特效搜索
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
    版权所有 2007-2008 站长手册 WWW.ZZSC.ORG 业务联系 zzsc.org#gmail.com