网页特效--活动水族箱

Home Home
引用 | 编辑 n5998744
2007-03-25 22:43
楼主
推文 x0
分享一个很简单的网页特效,在此发表若不恰当还请版管删除或移动!麻烦了,谢谢!<br>
**将语法 放在 <BODY> 和 </BODY> 之间 即可显示功能**
( 红色 xxxxx 字部份请更改成你的档案网址 与 想要表示的字即可 )
热带鱼图片 放在底下附件,记得下回去上传到适当位置.



#   热带鱼游动方向错误的问题已修正,请下载图档即时可..
修正使用软体:
[图像工具] 国人开发的免费修图软体PhotoCap 3.11


演示: http://myweb.hinet.net/home1/n5998744/


[/code]

[此文章售价 0 雅币已有 59 人购买]
若发现会员采用欺骗的方法获取财富,请立刻举报,我们会对会员处以2-N倍的罚金,严重者封掉ID!



献花 x0
引用 | 编辑 n5998744
2007-05-15 02:24
1楼
  
再增加-加入气泡
将下列语法贴于想在网页呈现的地方
并将图形档cdh.gif置于网页同一目录下
------------------------------------
<script language="JavaScript">
<!--
Image0=new Image();
Image0.src="cdh.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=Ymouse;
Xpos=Xmouse;
Speed=Math.random()*4+1;
Cstep=0;
Step=Math.random()*0.1+0.05;
grow=8;
nsSize=Math.random()*15+5;
rate=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+" height="+nsSize+"></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*Math.sin(270*Math.PI/180);
sx = Speed*Math.cos(Cstep*4);
Ypos+=sy;
Xpos+=sx;
if (Ypos < -40){
Ypos=Ymouse;
Xpos=Xmouse;
Speed=Math.random()*6+4;
grow=8;
nsSize=Math.random()*15+5;
}
if (ns){
document.layers['sn'+i].left=Xpos+wscrll;
document.layers['sn'+i].top=Ypos+hscrll;
}
else{
si.style.pixelLeft=Xpos+wscrll;
si.style.pixelTop=Ypos+hscrll;
si.style.width=grow;
si.style.height=grow;
}
grow+=rate;
Cstep+=Step;
if (grow > 24) grow=25;
}
setTimeout('MouseBubbles()',10);
}
MouseBubbles();
-->
</script>
----------------------------------------------------------

本帖包含附件
档名: zip 泡泡.zip   (2022-06-09 14:02 / 3 KB)  
加入气泡
下载次数:19


献花 x0
引用 | 编辑 hawaii_world
2008-10-10 16:31
2楼
  
谢谢你的分享呢
看来还挺有趣的...

献花 x0
引用 | 编辑 optometrist
2010-04-17 14:09
3楼
  
不错喔

感谢分享

赶快拿来试试看

献花 x0
引用 | 编辑 shing3728
2010-09-11 10:32
4楼
  
把网页载入得很慢.....

献花 x0
引用 | 编辑 williamyii77
2010-12-01 21:41
5楼
  
唔容易@.@

我得闻先正

献花 x0
引用 | 编辑 gs1458
2011-06-18 20:16
6楼
  
原来是JavaScript的效果,
气泡效果是不错,
不过JavaScript越多网页跑的也越慢啰0.0
做成js档会不会比较方便~

献花 x0
引用 | 编辑 kb041204
2012-01-07 00:43
7楼
  
很好的一个java动画,感谢大大!

献花 x0
引用 | 编辑 NU12
2014-06-24 12:28
8楼
  
太有趣了 表情 表情 表情


原来是JavaScript的效果 令我 网页慢多了

已删 表情

献花 x0