廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 25322 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
n5998744
個人文章 個人相簿 個人日記 個人地圖
版主
級別: 版主 該用戶目前不上站
版區: ECShop 討論區
推文 x62 鮮花 x97
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 x0
[教學] 網頁特效--活動水族箱
分享一個很簡單的網頁特效,在此發表若不恰當還請版管刪除或移動!麻煩了,謝謝!<br>
**將語法 放在 <BODY> 和 </BODY> 之間 即可顯示功能**
( 紅色 xxxxx 字部份請更改成你的檔案網址 與 想要表示的字即可 )
熱帶魚圖片 放在底下附件,記得下回去上傳到適當位置.



#   熱帶魚游動方向錯誤的問題已修正,請下載圖檔即時可..
修正使用軟體:
[圖像工具] 國人開發的免費修圖軟體PhotoCap 3.11


演示: http://myweb.hinet.ne...5998744/


[/code]

[此文章售價 0 雅幣已有 59 人購買]
若發現會員採用欺騙的方法獲取財富,請立刻舉報,我們會對會員處以2-N倍的罰金,嚴重者封掉ID!



[ 此文章被n5998744在2007-03-26 16:42重新編輯 ]



獻花 x0 回到頂端 [樓 主] From:臺灣中華HiNet | 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   (2022-06-09 14:02 / 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.058582 second(s),query:16 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言