給Flash加一個超鏈接(推薦使用透明層)兼容主流瀏覽器
更新時間:2013年06月09日 15:58:04 作者:
給一個Flash加一個超鏈接,原想直接在object外直接套一個超鏈接即可,試了之后卻發(fā)現(xiàn)不是這么回事
今天要給星燭網(wǎng)上的一個Flash加一個超鏈接,原想直接在object外直接套一個超鏈接即可,試了之后卻發(fā)現(xiàn)不是這么回事,求助百度,問題解決,記錄如下:
原因:Flash默認是最高層.所以,我經(jīng)常會遇見Flash把下拉菜單擋住的情況,及其它原素覆蓋掉.
解決方案:
第一種:步驟如下
1. 把Flash文件放到一個層中,設(shè)為最底層,FLASH設(shè)為透明.
<div class="ad_top" style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="948" height="93" id="flashlogo" >
<param name="movie" value="../../templets/content/images/slogan.swf">
<param name="quality" value=high>
<embed src="../../templets/content/images/slogan.swf" quality=high width="948" height="93" name="flashlogo"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
<STRONG><SPAN style="COLOR: #cc0000"><param name="wmode" value="transparent" /></SPAN></STRONG>
</object></div>
2. 在FLASH的層上再加上一層,Flash本身不能直接加入onclick.等事件,所以,只能借助別的東西啦.就是在FLASH上加個透明層:
<div id="huiLayer" style="cursor: hand; position:absolute; top:142px; width:948px; height:93px; z-index:1; visibility: visible; text-align:center;"><a target="_blank"> <img src="http://www.xingzhu.net.cn/templets/content/images/transpanrent.gif" width="948" height="93" border="0"></a></div>
說明:transpanrent.gif要是透明的,否則會給底下的Flash蓋?。?
3. IE瀏覽器到上面一步就可以了,F(xiàn)irefox還需要下面一步
在embed里加上
wmode="transparent"
完整代碼如下:
<div class="ad_top" style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="948" height="93" id="flashlogo" >
<param name="movie" value="../../templets/content/images/slogan.swf"> <param name="quality" value=high>
<embed src="../../templets/content/images/slogan.swf" quality=high width="948" height="93" name="flashlogo" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent"> </embed>
<param name="wmode" value="transparent" />
</object>
</div>
<div id="huiLayer" style="cursor: hand; position:absolute; top:142px; width:948px; height:93px; z-index:1; visibility: visible; text-align:center;"><a target="_blank"> <img src="http://www.xingzhu.net.cn/templets/content/images/transpanrent.gif" width="948" height="93" border="0"></a></div>
第二種方案,網(wǎng)上找的沒有試,如下:
就是在Flash內(nèi)部通過FSCommand調(diào)用外部的腳本,方法簡單實用,可控能力強,具體用法,請在網(wǎng)上搜FSCommand關(guān)鍵鍵字
原因:Flash默認是最高層.所以,我經(jīng)常會遇見Flash把下拉菜單擋住的情況,及其它原素覆蓋掉.
解決方案:
第一種:步驟如下
1. 把Flash文件放到一個層中,設(shè)為最底層,FLASH設(shè)為透明.
復(fù)制代碼 代碼如下:
<div class="ad_top" style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="948" height="93" id="flashlogo" >
<param name="movie" value="../../templets/content/images/slogan.swf">
<param name="quality" value=high>
<embed src="../../templets/content/images/slogan.swf" quality=high width="948" height="93" name="flashlogo"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
<STRONG><SPAN style="COLOR: #cc0000"><param name="wmode" value="transparent" /></SPAN></STRONG>
</object></div>
2. 在FLASH的層上再加上一層,Flash本身不能直接加入onclick.等事件,所以,只能借助別的東西啦.就是在FLASH上加個透明層:
復(fù)制代碼 代碼如下:
<div id="huiLayer" style="cursor: hand; position:absolute; top:142px; width:948px; height:93px; z-index:1; visibility: visible; text-align:center;"><a target="_blank"> <img src="http://www.xingzhu.net.cn/templets/content/images/transpanrent.gif" width="948" height="93" border="0"></a></div>
說明:transpanrent.gif要是透明的,否則會給底下的Flash蓋?。?
3. IE瀏覽器到上面一步就可以了,F(xiàn)irefox還需要下面一步
在embed里加上
復(fù)制代碼 代碼如下:
wmode="transparent"
完整代碼如下:
復(fù)制代碼 代碼如下:
<div class="ad_top" style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="948" height="93" id="flashlogo" >
<param name="movie" value="../../templets/content/images/slogan.swf"> <param name="quality" value=high>
<embed src="../../templets/content/images/slogan.swf" quality=high width="948" height="93" name="flashlogo" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent"> </embed>
<param name="wmode" value="transparent" />
</object>
</div>
<div id="huiLayer" style="cursor: hand; position:absolute; top:142px; width:948px; height:93px; z-index:1; visibility: visible; text-align:center;"><a target="_blank"> <img src="http://www.xingzhu.net.cn/templets/content/images/transpanrent.gif" width="948" height="93" border="0"></a></div>
第二種方案,網(wǎng)上找的沒有試,如下:
就是在Flash內(nèi)部通過FSCommand調(diào)用外部的腳本,方法簡單實用,可控能力強,具體用法,請在網(wǎng)上搜FSCommand關(guān)鍵鍵字
相關(guān)文章
js面向?qū)ο笾o態(tài)方法和靜態(tài)屬性實例分析
這篇文章主要介紹了js面向?qū)ο笾o態(tài)方法和靜態(tài)屬性,實例分析了靜態(tài)方法和靜態(tài)屬性的原理及應(yīng)用,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01js傳中文參數(shù)controller里獲取參數(shù)亂碼問題解決方法
js傳中文參數(shù),在controller里獲取參數(shù)亂碼的問題在本文有個不錯的解決方法,感興趣的朋友可以參考下2014-01-01當(dāng)自定義數(shù)據(jù)屬性為json格式字符串時jQuery的data api問題探討
當(dāng)自定義數(shù)據(jù)屬性是一個 json 格式字符串時,緩存的數(shù)據(jù)如果被修改, 則修改后的數(shù)據(jù)繼續(xù)存在于緩存系統(tǒng)中, 如果不留意,這可能導(dǎo)致一些BUG,接下來將對此問題詳細概述下2013-02-02基于JavaScript實現(xiàn)定時跳轉(zhuǎn)到指定頁面
本篇文章給大家介紹基于javascript實現(xiàn)定時跳轉(zhuǎn)到指定頁面的相關(guān)知識,涉及到j(luò)s跳轉(zhuǎn)到指定頁面的相關(guān)內(nèi)容,對js跳轉(zhuǎn)到指定頁面相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01JavaScript實現(xiàn)簡單版的留言發(fā)布與刪除
這篇文章主要介紹了如何通過JavaScript實現(xiàn)簡單的留言板功能:留言的發(fā)布與刪除。文中的示例代碼講解詳細,感興趣的小伙伴可以學(xué)習(xí)一下2022-03-03JS中生成隨機數(shù)的用法及相關(guān)函數(shù)
這篇文章主要為大家介紹了JS中生成隨機數(shù)的用法,為大家提供了相關(guān)函數(shù)的使用方法,感興趣的朋友可以參考一下2016-01-01