引用 | 編輯
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> ----------------------------------------------------------
x0 |
引用 | 編輯
hawaii_world
2008-10-10 16:31 |
2樓
▲ ▼ |
謝謝你的分享呢
看來還挺有趣的... x0 |
引用 | 編輯
optometrist
2010-04-17 14:09 |
3樓
▲ ▼ |
不錯喔
感謝分享 趕快拿來試試看 x0 |
引用 | 編輯
williamyii77
2010-12-01 21:41 |
5樓
▲ ▼ |
唔容易@.@
我得聞先正 x0 |