教你怎樣在網(wǎng)頁上加動畫FLASH鏈接

發(fā)布日期：[2010/4/30] 編輯：奇億廣州網(wǎng)站建設(shè)

很多情況下需要在成品FLASH加鏈接，修改FLASH源文件就麻煩了，那么可以試下直接在網(wǎng)頁上加FLASH動畫的鏈接。

要想在網(wǎng)頁上加FLASH鏈接，網(wǎng)上也有好幾種方法，比如將動畫放在BUTTON里，或者在動畫相關(guān)代碼里加<param name="wmode" Ｖalue="opaque">屬性，個人感覺比較好用的辦法是將動畫透明，然后加個屬性z-index比動畫所在層較高的層，然后上面層放透明圖片，可以直接做鏈接。

要解決這個問題，需先弄清如何加個層使其在動畫之上，也就是說不會被動畫所遮蓋。下面是一個層在動畫之上的案例，并在層里加了個點擊鏈接效果。
<div style="z-index:-1">
      <embed name="Movie1" src="banner.swf" quality="high" width=960 height=150 wmode="transparent"    type="application/x-shockwave-flash">
      </embed>
</div>
<div id="topLayer" style="position:absolute; left:150px; top:100px; width:200px; height:200px; z-index:1; background-color: #009966; layer-background-color: #009966; border: 1px none #000000;CURSOR: hand;" ＯnClick="location.></div>

根據(jù)這方法，我們就可以在頂端層加透明圖片來達到鏈接效果（個人感覺ＯnClick點擊事件不是太好，F(xiàn)F等瀏覽器對其不友好），代碼如下：
<div style="z-index:-1">
      <embed name="Movie1" src="banner.swf" quality="high" width=960 height=150 wmode="transparent" type="application/x-shockwave-flash">
      </embed>
</div>
<div id="topLayer" style="position:absolute; left:150px; top:50px; z-index:1;'"><a href=http://www.studstu.com><img src=no.gif width=960 height=150></a></div>
具體的圖片覆蓋FLASH位置自己再慢慢精確調(diào)整。

其實這方法也是比較多大型網(wǎng)站的廣告系統(tǒng)運用的，也包括一些網(wǎng)游公司的游戲宣傳頁面。經(jīng)測試，支持IE和FF，其他的未試。如果特殊原因你不能將動畫設(shè)置為透明，那就使用<param name="wmode" Ｖalue="opaque">屬性吧，但好象這種方法只支持IE。
<div style="z-index:-1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="960" height="150">
<param name="movie" Ｖalue="banner.swf" />
<param name="quality" Ｖalue="high" />
<param name="wmode" Ｖalue="opaque">
<embed src="banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="150"></embed>
</object>
</div>
<div id="topLayer" style="position:absolute; left:150px; top:50px; z-index:1;'"><a href=http://www.studstu.com><img src="no.gif" width=960 height=150></a></div>

注意：將黑粗Ｖ和Ｏ改成正常字母v和o即可。