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

當你看到很浪漫的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.修改後如覺得滿意，就可以將這些文字存檔，上傳到網路空間，取得網址來貼就行了..

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

 

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