用按钮控件BUTTON来实现给网页上的Flash加上超级链接的方法

本帖最后由灰儿于 2011-5-14 16:45 编辑

因为网页中的 Flash 是以控件形式出现的，优先级别较高，所以直接对它加链接是无效的，不过可以用按钮控件 BUTTON 来实现。

具体步骤：
1.直接在按钮上加上onClick事件打开指定页面：

<button style="width:225;height:76;border:none;background:transparent"
onClick="window.open('http://www.shfq.com')" hidefocus="true">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="225" height="76">
<param name="movie"
value="http://www.flash8.net/images/head/bbs.swf">
<param name="wmode" value="Opaque">
<param name="quality" value="high">
<embed src="http://www.flash8.net/images/head/bbs.swf"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="225" height="76" wmode="Opaque"></embed>
</object>
</button>

复制代码

2．用标准的A标签在按钮上加上超级链接打开指定页面：
方法1中的代码运行后单击按钮时，按钮中的Flash有个下沉的动作，如果要取消这个动作，可以禁止按钮的交互性，然后用标准的A标签做链接，代码如下：

<a href="http://www.flash8.com" hidefocus><button disabled style="width:225;height:76;border:none">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="225" height="76">
<param name="movie"
value="http://www.flash8.net/images/head/bbs.swf">
<param name="wmode" value="Opaque">
<param name="quality" value="high">
<embed src="http://www.flash8.net/images/head/bbs.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="225" height="76" wmode="Opaque"></embed>
</object>
</button>
</a>

复制代码

说明：

1、必须增加<param name="wmode" value="transparent"> 这个属性为设置flash为透明，或者设置Flash对象的wmode属性值为opaque，否则会把button遮盖住。
2、button的大小尺寸与flash一致
3、window.open 是打开新窗口，本窗口打开为locationl.href=''''
4、background:transparent ----这一句是让button背景透明

原理解释：
本例问题的解决，主要是利用Flash对象的wmode属性和BUTTON标签的特性。设置Flash对象的wmode属性值为opaque，是为了降低Flash对象的优先级，然后利用BUTTON标签把Flash对象渲染为一个按钮，这样就可以通过设置BUTTON对象的样式或事件来解决问题。