網頁+浪漫情境swf 動畫背景速成

2007081021:23

當你看到很浪漫的swf動畫,是不是會很想要拿來當背景圖呢?(範例→我要的不多)當你看到情境很適合自己心情的swf 時鐘或遊戲,是不是想拿來運用呢?(範例→星象觀測儀)如果您已經知道怎樣在網頁加特效,現在我們試著將這些動人又浪漫的swf動畫,拿來當成網頁的背景圖。

    怎樣將swf動畫,拿來當成網頁的背景圖呢?

.....................................................................................................

<META http-equiv=Content-Type content="text/html; charset=BIG5">

<EMBED src=swf網址 width=600 height=450 type=application/x-shockwave-flash wmode="transparent">
<DIV style="LEFT: -700px; POSITION: relative; TOP: -450px">
<DIV id=layer1 style="Z-INDEX: -1; LEFT: 750px; WIDTH: 450px; POSITION: absolute; TOP: -20px; HEIGHT: 600px"><PRE><marquee width="550" height="80" direction="down" scrollamount=1><FONT style="FONT-SIZE: 18pt" face=標楷體 color=#00ffff>

文字內容貼在這裡  

</font></marquee>

<marquee  scrollAmount=1 direction=up width=550 height=300 >
<FONT style="FONT-SIZE: 18pt" face=標楷體 color=#ffffff><SPAN id=style style="LINE-HEIGHT: 28px">

文字內容貼在這裡

</SPAN></FONT></CENTER></PRE></DIV></DIV></TD></TR></TBODY></TABLE></CENTER>
<embed src="音樂網址" hidden="true" autostart="true" loop="1" volume="50" /></embed />

.........................................................................................................................

1.下載 → 78101.htm   開啟後,內容如上:(或是複製以上內容也可以)

2.作法和 網頁 + flash特效背景+跑馬燈速成 的方法完全一樣,只是多了文字位置的語法

    (也就是說加入swf  網址、音樂網址、文章內容、設定swf 動畫的高和寬、更改文字字體、顏色、大小,然後更改跑馬燈捲動的範圍、方向、速度 )

     <SPAN id=style style="LINE-HEIGHT: 28px>←這是設定文字行列間的距離

3.修改好了之後,將這些文字貼到語法測試版

4.依所選用的動畫大小,設定文字在swf動畫上的位置

<DIV style="LEFT: -700px; POSITION: relative; TOP: -450px">

         LEFT: -700px ←這是設定左右的位置

         TOP: -450px   ←這是設定上下的位置

4.如果文字在動畫上的位置不滿意,也可以在↓這裡修改

<DIV id=layer1 style="Z-INDEX: -1; LEFT: 750px; WIDTH: 450px; POSITION: absolute; TOP: -20px; HEIGHT: 600px">

5.如果你想要有更多變化的跑馬燈語法,請多利用→ 網頁語法

6.修改後如覺得滿意,就可以將這些文字存檔,上傳到網路空間,取得網址來貼就行了..

語法(請依所挑選的動畫大小更改高和寬的數字)

<embed src="網頁網址" width="620" height="420"></embed>

發表文章時..勾選 觀看HTML 原始碼 ..然後將上面的語法貼進去

直接發表←這是重點(不要取消 觀看HTML 原始碼

 

延伸閱讀  640 幅 浪漫情境swf 動畫   日本卡哇伊の時鐘大集合