教你怎樣在網(wǎng)頁(yè)上加動(dòng)畫(huà)FLASH鏈接

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

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

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

要解決這個(gè)問(wèn)題，需先弄清如何加個(gè)層使其在動(dòng)畫(huà)之上，也就是說(shuō)不會(huì )被動(dòng)畫(huà)所遮蓋。下面是一個(gè)層在動(dòng)畫(huà)之上的案例，并在層里加了個(gè)點(diǎn)擊鏈接效果。
<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>

根據這方法，我們就可以在頂端層加透明圖片來(lái)達到鏈接效果（個(gè)人感覺(jué)ＯnClick點(diǎn)擊事件不是太好，FF等瀏覽器對其不友好），代碼如下：
<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位置自己再慢慢精確調整。

其實(shí)這方法也是比較多大型網(wǎng)站的廣告系統運用的，也包括一些網(wǎng)游公司的游戲宣傳頁(yè)面。經(jīng)測試，支持IE和FF，其他的未試。如果特殊原因你不能將動(dòng)畫(huà)設置為透明，那就使用<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即可。