标题: 在页面中给swf添加链接
作者: dnawo
日期: 2009-08-20 10:42 AM
分类: HTML/CSS
内容: 广告商那边提供了一些swf素材让我们制作广告代码，在代码中点击swf时需打开一个页面，由于广告商未提供fla格式文件，我们只能想办法在页面代码中给swf添加链接，最开始想到的是在swf外添加一个<a>：
HTML代码http://www.mzwu.com/">
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="430" height="240">
http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="Opaque">
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果链接并不起作用，应该是swf在浏览器中具有很高的优先级，页面中的元素都被遮挡住了。Google了下，据说将<a>改为<button>有用，测试了下：
HTML代码http://www.mzwu.com/')">
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="430" height="240">
http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="Opaque">
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
在IE6、IE7、IE8、FF3.0、Opera9.6、Chrome2.0下均能打开链接，但在IE8、Opera9.6、Chrome2.0中显示有些问题：
修改了下button的padding属性，IE8、Opera9.6、Chrome2.0显示总算正常了：
HTML代码http://www.mzwu.com/')">
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="430" height="240">
http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="Opaque">
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
美中不足的是页面上点击swf时会有个下沉的动作，有人建议禁用button，在button外再加个链接：
HTML代码http://www.mzwu.com/" target="_blank">
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="430" height="240">
http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="Opaque">
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
遗憾的是在FF3.0、Opera9.6不支持！
代码注意事项：
·button的长宽必须和swf长宽一致；
·button的border属性必须设置成none，padding属性设置为0，background属性设置为none；
·swf的wmode属性必须设置为Opaque或Transparent；
+ 查看当前日志评论 (1)
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms
标题: 在页面中给swf添加链接
你没有权限发表评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms
标题: 在页面中给swf添加链接
评论内容:
== www.rxcmyk.com 2009-08-27 01:23 PM ----
做的很漂亮呀
不错
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.047 ms