網路城邦
上一篇 回創作列表 下一篇   字體:
【教學】山頭動起來!
2009/04/18 17:53:43瀏覽3921|回應13|推薦32

是不是想和EG一樣在山頭處加上美美的flash的動畫呢?

請複製以下的語法:

<Embed style="LEFT: 0px; WIDTH: 770px;HEIGHT: 450px;TOP: 0px;POSITION: absolute" align=right src=http://img166.imageshack.us/img166/3572/90996087tb5.swf type=application/octet-stream;quality="high" wmode="transparent">

說明:

left:數值px
(指的是與視窗左邊的邊界距離,數值越大離越遠)

width:數值px
(指的是flash動畫的寬度,數值越大越寬)

height:數值px 
(指的是flash動畫的長度,數值越大越長)

TOP:數值px
(指的是與視窗上方的邊界距離,數值越大離越遠)

src="flash的網址"

POSITION: absolute (為絕對位置)

wmode="transparent" (為透明背景)

一樣的道理,如果要將圖片或是GIF的圖檔放在山頭處只要把Embed改成IMG

(EMBED為影音檔的語法標籤,IMG則為圖片的語法標籤)

範例語法:
<img style="LEFT: 85px; POSITION: absolute; TOP: 220px" height="136" src="http://album.udn.com/community/img/PSN_PHOTO/eg0501/f_2334730_1.GIF" width="133" align="center" wmode="transparent" />

【首頁】將語法貼入下圖所示的地方

【文章】將語法貼入下圖所示的地方

看到這你一定有一個疑問:我要到哪找動畫呢?

首先要先感謝如晞老師蒐集許多動畫如下: 

http://yen905.googlepages.com/zz1_001.swf  探照燈

 http://yen905.googlepages.com/zz1_002.swf  斜急飄黃色落葉

http://yen905.googlepages.com/zz1_003.swf  3循環星與心

 http://yen905.googlepages.com/zz1_004.swf  4 細碎小黃綠落葉

http://yen905.googlepages.com/zz1_005.swf  loveyou forever *****

 http://yen905.googlepages.com/zz1_006.swf  波紋與花 好美 *****

 http://yen905.googlepages.com/zz1_007.swf  氣泡與氣球式的星星

 http://yen905.googlepages.com/zz1_008.swf  右下角淡淡粉紅色音符

 http://yen905.googlepages.com/zz1_010.swf  大水滴落下

http://yen905.googlepages.com/zz1_011.swf  白色蒲公英

http://yen905.googlepages.com/zz1_012.swf  格子門打開

http://yen905.googlepages.com/zz1_013.swf  閃光

http://yen905.googlepages.com/zz1_014.swf  直束心星串落下

http://yen905.googlepages.com/zz1_015.swf  愛心斜掛在左上角

http://yen905.googlepages.com/zz1_016.swf  斜雨落下 有漣漪

 http://yen905.googlepages.com/zz1_018.swf  紅色玫瑰瓣落

 http://yen905.googlepages.com/zz1_019.swf  十里的音樂揚的

http://yen905.googlepages.com/zz1_021.swf  兩方窗簾飄

http://yyy9005.googlepages.com/b_09.swf  落花

http://img85.imageshack.us/img85/8036/60537397ep6.swf  泡泡星星

http://yen905.googlepages.com/m33.swf  窗簾

http://imgfree.21cn.com/free/flash/1.swf 橫流星

http://imgfree.21cn.com/free/flash/2.swf 百葉窗

http://imgfree.21cn.com/free/flash/3.swf 超大鎂光

http://imgfree.21cn.com/free/flash/4.swf亂閃星

http://imgfree.21cn.com/free/flash/5.swf 收起再閃開的星

http://imgfree.21cn.com/free/flash/6.swf 狂落下地的大雨滴

http://imgfree.21cn.com/free/flash/7.swf 爆開的火花及流星

http://imgfree.21cn.com/free/flash/8.swf 青蛙

http://imgfree.21cn.com/free/flash/9.swf 藍蝶飛進

http://imgfree.21cn.com/free/flash/10.swf

http://imgfree.21cn.com/free/flash/11.swf

http://imgfree.21cn.com/free/flash/12.swf

http://imgfree.21cn.com/free/flash/13.swf 膠捲轉盤

http://imgfree.21cn.com/free/flash/14.swf 

http://imgfree.21cn.com/free/flash/15.swf

http://imgfree.21cn.com/free/flash/16.swf 

http://imgfree.21cn.com/free/flash/17.swf 彩色金魚

http://imgfree.21cn.com/free/flash/18.swf

http://imgfree.21cn.com/free/flash/19.swf

http://imgfree.21cn.com/free/flash/20.swf

http://imgfree.21cn.com/free/flash/21.swf 螺旋轉星

http://imgfree.21cn.com/free/flash/22.swf 超大水波漾開

http://imgfree.21cn.com/free/flash/23.swf 大大花紋雪花 飄

http://imgfree.21cn.com/free/flash/24.swf

http://imgfree.21cn.com/free/flash/25.swf 螞蟻

http://imgfree.21cn.com/free/flash/26.swf 

http://imgfree.21cn.com/free/flash/27.swf  貼在表面上水珠 滑

http://imgfree.21cn.com/free/flash/28.swf

http://imgfree.21cn.com/free/flash/29.swf

http://imgfree.21cn.com/free/flash/30.swf

http://imgfree.21cn.com/free/flash/31.swf 小小快速落下的白葉 像飄雪 速度快

http://imgfree.21cn.com/free/flash/32.swf

http://imgfree.21cn.com/free/flash/33.swf 紫花 像蘭花

http://imgfree.21cn.com/free/flash/34.swf 

http://imgfree.21cn.com/free/flash/35.swf 炫目到爆眼的轉轉星光

http://imgfree.21cn.com/free/flash/36.swf 粉紅唇

http://imgfree.21cn.com/free/flash/37.swf

http://imgfree.21cn.com/free/flash/38.swf

http://imgfree.21cn.com/free/flash/39.swf 流星

http://imgfree.21cn.com/free/flash/40.swf

http://imgfree.21cn.com/free/flash/41.swf  白轉轉花 轉出後落下

http://imgfree.21cn.com/free/flash/42.swf  偏左上角 黃色蒲公英

http://imgfree.21cn.com/free/flash/43.swf 

http://imgfree.21cn.com/free/flash/44.swf

http://imgfree.21cn.com/free/flash/45.swf 大黃蝶

http://imgfree.21cn.com/free/flash/46.swf 

http://imgfree.21cn.com/free/flash/47.swf

http://imgfree.21cn.com/free/flash/48.swf

http://imgfree.21cn.com/free/flash/49.swf 淡粉紅斜飛葉

http://imgfree.21cn.com/free/flash/50.swf 綠色掛牌 sweet kiss day

http://imgfree.21cn.com/free/flash/51.swf 假假的蜻蜓

http://imgfree.21cn.com/free/flash/52.swf  美美橙色的楓葉  ****

http://imgfree.21cn.com/free/flash/53.swf

http://imgfree.21cn.com/free/flash/54.swf  垂直掉下綠色的I love you

http://imgfree.21cn.com/free/flash/55.swf 卡通的青蛙跳 可愛

http://imgfree.21cn.com/free/flash/56.swf 

http://imgfree.21cn.com/free/flash/57.swf 藍色泡泡和熱帶魚

http://imgfree.21cn.com/free/flash/58.swf

http://imgfree.21cn.com/free/flash/59.swf 候鳥飛  *****

http://imgfree.21cn.com/free/flash/60.swf 小白碎碎急落

http://imgfree.21cn.com/free/flash/61.swf 粉紅心上升

http://imgfree.21cn.com/free/flash/62.swf 五彩煙火 #####

http://imgfree.21cn.com/free/flash/63.swf 黃色花灑

http://imgfree.21cn.com/free/flash/64.swf藍色雪花集中灑

http://imgfree.21cn.com/free/flash/65.swf 藍小泡泡落下

http://imgfree.21cn.com/free/flash/66.swf 54321倒數大手指

http://imgfree.21cn.com/free/flash/67.swf 星球炸開磒石

http://imgfree.21cn.com/free/flash/68.swf 小一點的雪花瓣落下

http://imgfree.21cn.com/free/flash/69.swf

http://imgfree.21cn.com/free/flash/70.swf  單點展開的五彩光束

http://imgfree.21cn.com/free/flash/71.swf 舊電影

http://imgfree.21cn.com/free/flash/72.swf

http://imgfree.21cn.com/free/flash/73.swf 藍泡泡 上升

http://imgfree.21cn.com/free/flash/74.swf 藍球球上

http://imgfree.21cn.com/free/flash/75.swf 隨滑老鼠移動的彩色光暈

http://imgfree.21cn.com/free/flash/76.swf 

http://imgfree.21cn.com/free/flash/77.swf

http://imgfree.21cn.com/free/flash/78.swf  小圓盤自轉數字時間 自動對時 有時分秒

http://imgfree.21cn.com/free/flash/79.swf

http://imgfree.21cn.com/free/flash/80.swf

http://imgfree.21cn.com/free/flash/81.swf

http://imgfree.21cn.com/free/flash/82.swf

http://imgfree.21cn.com/free/flash/83.swf  透明藍泡泡

http://imgfree.21cn.com/free/flash/84.swf 

http://imgfree.21cn.com/free/flash/85.swf 翻跟斗的長方型

http://imgfree.21cn.com/free/flash/86.swf 

http://imgfree.21cn.com/free/flash/87.swf 隨滑鼠爆點的黃圈圈

http://imgfree.21cn.com/free/flash/88.swf 美一點的火花

http://imgfree.21cn.com/free/flash/89.swf

http://imgfree.21cn.com/free/flash/90.swf

http://imgfree.21cn.com/free/flash/91.swf

http://imgfree.21cn.com/free/flash/92.swf 彩色細線水波動

http://imgfree.21cn.com/free/flash/93.swf 閃電似

http://imgfree.21cn.com/free/flash/94.swf

http://imgfree.21cn.com/free/flash/95.swf

http://imgfree.21cn.com/free/flash/96.swf 

http://imgfree.21cn.com/free/flash/97.swf 隨mouse滑動的紫蝶 不好看

http://imgfree.21cn.com/free/flash/98.swf

http://imgfree.21cn.com/free/flash/99.swf

http://imgfree.21cn.com/free/flash/100.swf

http://imgfree.21cn.com/free/flash/101.swf

http://imgfree.21cn.com/free/flash/102.swf

http://imgfree.21cn.com/free/flash/103.swf 一點水滴落 成漣渏

http://imgfree.21cn.com/free/flash/104.swf 

http://imgfree.21cn.com/free/flash/105.swf 圖轉轉的

http://imgfree.21cn.com/free/flash/106.swf  上升箭頭 及閃閃光

http://imgfree.21cn.com/free/flash/107.swf 黃卡通大眼蝶

http://imgfree.21cn.com/free/flash/108.swf

http://imgfree.21cn.com/free/flash/109.swf 由左進入加圓圈的箭頭

http://imgfree.21cn.com/free/flash/110.swf 粉紅由右向左指的箭頭

http://imgfree.21cn.com/free/flash/111.swf 雙向互動箭頭

http://imgfree.21cn.com/free/flash/112.swf

http://imgfree.21cn.com/free/flash/113.swf  粉紅左斜飄進的葉子

http://imgfree.21cn.com/free/flash/114.swf

http://imgfree.21cn.com/free/flash/115.swf

http://imgfree.21cn.com/free/flash/116.swf 

http://imgfree.21cn.com/free/flash/117.swf  波浪星光

http://imgfree.21cn.com/free/flash/118.swf

http://imgfree.21cn.com/free/flash/119.swf

http://imgfree.21cn.com/free/flash/120.swf

http://imgfree.21cn.com/free/flash/121.swf

http://imgfree.21cn.com/free/flash/122.swf

http://imgfree.21cn.com/free/flash/123.swf 藍泡泡上升 爆破

http://imgfree.21cn.com/free/flash/124.swf 像相機鏡頭開合

http://imgfree.21cn.com/free/flash/125.swf  大圓漣漪

http://imgfree.21cn.com/free/flash/126.swf 

http://imgfree.21cn.com/free/flash/127.swf  互碰箭頭

http://imgfree.21cn.com/free/flash/128.swf  小人影

http://imgfree.21cn.com/free/flash/129.swf  急雨絲落成漣漪  太急

http://imgfree.21cn.com/free/flash/130.swf 白花右斜飄 隨mouse拖曳

http://imgfree.21cn.com/free/flash/131.swf  淡綠楓葉飄

http://imgfree.21cn.com/free/flash/132.swf 原子幾何圖

http://imgfree.21cn.com/free/flash/133.swf 單顆流亂闖

http://imgfree.21cn.com/free/flash/134.swf 橘球彈跳

http://imgfree.21cn.com/free/flash/135.swf 電光流

http://imgfree.21cn.com/free/flash/136.swf 

http://imgfree.21cn.com/free/flash/137.swf 橫霧流

http://imgfree.21cn.com/free/flash/138.swf 螢火蟲光點


( 休閒生活其他 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=eg0501&aid=2862508
 引用者清單(2)  
2009/05/28 21:19 【程如晞@部落格好好玩】 打通部落格的任督二脈》如何美化首頁看板教學
2009/04/29 07:11 【【 泡〃麵 】作品分享小站】 山頭區動起來。感謝EG大大分享

 回應文章 頁/共 2 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁


等級:
留言加入好友
謝謝!
2009/04/29 07:09
引用摟˙ˇ˙
─=☆EG☆=─(eg0501) 於 2009-04-29 21:17 回覆:
NO~Q^^


等級:
留言加入好友
請問~
2009/04/28 16:55
動畫檔可以是GIF嗎?
─=☆EG☆=─(eg0501) 於 2009-04-29 00:44 回覆:

這個教學是針對FLASH唷!

─=☆EG☆=─(eg0501) 於 2009-04-29 00:48 回覆:

我剛測試了一下~

如果要放上GIF檔的話~

要把"Embed"改成IMG唷!

感謝你的提問~我會寫上補充說明的 


V家
等級:7
留言加入好友
吼~~
2009/04/19 20:28
EG
看到你這教學文
吼~~剛開始還覺得複雜~~
剛連到那些老師挖到的寶【地址】吼~~
好想嘗試哦...
借用老師最常說的那句話:部落格好好玩
吼吼~~
有機會小鬼也要去玩玩看
哈哈
─=☆EG☆=─(eg0501) 於 2009-04-20 13:46 回覆:

哈~

最後你還是成功囉^^

下一篇就是要寫在圖片上加flash^^

頁/共 2 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁