广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 26388 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为IE收藏   收藏主题   上一主题 | 下一主题   

头像
个人文章 个人相簿 个人日记 个人地图
路人甲
级别: *
推文 x 鲜花 x
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片
推文 x0
[教学] 网页特效--活动水族箱


献花 x0 回到顶端 [楼 主] | Posted:2007-03-25 22:43 |
n5998744
个人文章 个人相簿 个人日记 个人地图
版主
级别: 版主 该用户目前不上站
版区: ECShop 讨论区
推文 x62 鲜花 x97
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

再增加-加入气泡
将下列语法贴于想在网页呈现的地方
并将图形档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   (2025-09-26 18:42 / 3 KB)  
说明: 加入气泡
下载次数:19


献花 x0 回到顶端 [1 楼] From:台湾 | Posted:2007-05-15 02:24 |
hawaii_world
数位造型
个人文章 个人相簿 个人日记 个人地图
小人物
级别: 小人物 该用户目前不上站
推文 x0 鲜花 x5
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

谢谢你的分享呢
看来还挺有趣的...


献花 x0 回到顶端 [2 楼] From:欧洲 | Posted:2008-10-10 16:31 |
optometrist 手机
个人文章 个人相簿 个人日记 个人地图
小有名气
级别: 小有名气 该用户目前不上站
推文 x7 鲜花 x623
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

不错喔

感谢分享

赶快拿来试试看


献花 x0 回到顶端 [3 楼] From:台湾中华电信 | Posted:2010-04-17 14:09 |
shing3728
数位造型
个人文章 个人相簿 个人日记 个人地图
小人物
级别: 小人物 该用户目前不上站
推文 x0 鲜花 x4
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

把网页载入得很慢.....


献花 x0 回到顶端 [4 楼] From:APNIC | Posted:2010-09-11 10:32 |
williamyii77
个人文章 个人相簿 个人日记 个人地图
初露锋芒
级别: 初露锋芒 该用户目前不上站
推文 x0 鲜花 x9
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

唔容易@.@

我得闻先正


献花 x0 回到顶端 [5 楼] From:香港和记电讯 | Posted:2010-12-01 21:41 |
gs1458
个人头像
个人文章 个人相簿 个人日记 个人地图
小人物
级别: 小人物 该用户目前不上站
推文 x1 鲜花 x6
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

原来是JavaScript的效果,
气泡效果是不错,
不过JavaScript越多网页跑的也越慢啰0.0
做成js档会不会比较方便~


献花 x0 回到顶端 [6 楼] From:台湾教育部 | Posted:2011-06-18 20:16 |
kb041204
个人文章 个人相簿 个人日记 个人地图
小人物
级别: 小人物 该用户目前不上站
推文 x0 鲜花 x14
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

很好的一个java动画,感谢大大!


我用晒D钱来买威望 =,=
献花 x0 回到顶端 [7 楼] From:没有资料 | Posted:2012-01-07 00:43 |
NU12
个人文章 个人相簿 个人日记 个人地图
小人物
级别: 小人物 该用户目前不上站
推文 x0 鲜花 x27
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

太有趣了 表情 表情 表情


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

已删 表情


献花 x0 回到顶端 [8 楼] From:美国 | Posted:2014-06-24 12:28 |

首页  发表文章 发表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.006853 second(s),query:16 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言