close

怎樣背景圖+GIF動畫+SWF動畫+文字









福星照映 桂子香聞  滿天星斗 光耀逼人
鵰鶚當秋勢轉雄 乘風分翼到蟾宮 榮華若問將來事 先後名聲達九重




有時候您在網路上看到一張喜歡的圖片,可是覺得動感不足...
那麼,我們可以加上透光的swf動畫,讓情境活起來..


我們一起來試試如何?
這是語法↓↓↓↓↓↓



<div align=center>
<table style="WIDTH: 630px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 400px" cellSpacing=0 cellPadding=0 background=背景圖片網址 border=0>
<tbody>
<tr>
<td>
<div style="PADDING-LEFT: 20px; WIDTH: 630px; PADDING-TOP: 340px; HEIGHT: 120px" align=center>
<p style="LINE-HEIGHT: 150%" align=left><font color=#ffffff size=3>文字內容,放在這裡</font></p>
</div>
<div style="LEFT: 0px; POSITION: absolute; TOP: 80px"><embed src=swf網址 width=630 height=200 type=application/octet-stream wmode="transparent" allowscriptaccess="never"></embed></div></td></tr></tbody></table></div>








福星照映 桂子香聞  滿天星斗 光耀逼人
鵰鶚當秋勢轉雄 乘風分翼到蟾宮 榮華若問將來事 先後名聲達九重




當然,您也可以加入透明的動畫...
這是語法↓↓↓↓↓↓



<div align=center>
<table style="WIDTH: 630px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 400px" cellSpacing=0 cellPadding=0 background=背景圖片網址 border=0>
<tbody>
<tr>
<td background=gif網址>
<div style="PADDING-LEFT: 20px; WIDTH: 630px; PADDING-TOP: 340px; HEIGHT: 120px" align=center>
<p style="LINE-HEIGHT: 150%" align=left><font color=#ffffff size=3>文字內容放在這裡</font></p>
</div></td></tr></tbody></table></div>


 


您只要更改這些圖片或動畫的大小,位置就行了..
語法怎樣修改,我就不再說明了,請參考怎樣在 swf 動畫加上文字



SWF透明動畫可以在這裡 swf 動畫背景(透明)    和 brown444.com  選用


如果您想要加上SWF動畫,也要加上GIF動畫..
只要將第一個範例的<td>改成<td background=gif網址>就行了..


背景圖+GIF動畫+SWF動畫+文字的效果如何呢?
這是語法,您拿去試貼一下這知道了↓↓↓↓↓


<div align=center>
<table style="WIDTH: 630px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 400px" cellSpacing=0 cellPadding=0 background=http://blog.roodo.com/wisdom46/60d94722.gif border=0>
<tbody>
<tr>
<td background=http://img30.imageshack.us/img30/980/9616.gif><div style="PADDING-LEFT: 20px; WIDTH: 630px; PADDING-TOP: 340px; HEIGHT: 120px" align=center>
<p style="LINE-HEIGHT: 150%" align=left><font color=#ffffff size=3>福星照映 桂子香聞  滿天星斗 光耀逼人<br>鵰鶚當秋勢轉雄 乘風分翼到蟾宮 榮華若問將來事 先後名聲達九重</font></p>
</div>
<div style="LEFT: 0px; POSITION: absolute; TOP: 80px"><embed src=http://blog.roodo.com/wisdom46/218bccd1.swf width=630 height=200 type=application/octet-stream wmode="transparent" allowscriptaccess="never"></embed></div></td></tr></tbody></table></div>


 


雖然這是舊式的玩法了,但也可以打發時間,增加樂趣....


覺得好玩的話,一起來試試吧.....


 


 


 


 



引用:http://tw.myblog.yahoo.com/jw!DLd62O.BHR6udtPKiQygstL33IsbLg--/article?mid=54608

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 oreokimo 的頭像
    oreokimo

    培迪 的痞客邦部落格

    oreokimo 發表在 痞客邦 留言(0) 人氣()