在页面中给swf添加链接
编辑:dnawo 日期:2009-08-20
广告商那边提供了一些swf素材让我们制作广告代码，在代码中点击swf时需打开一个页面，由于广告商未提供fla格式文件，我们只能想办法在页面代码中给swf添加链接，最开始想到的是在swf外添加一个<a>：
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果链接并不起作用，应该是swf在浏览器中具有很高的优先级，页面中的元素都被遮挡住了。Google了下，据说将<a>改为<button>有用，测试了下：
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
在IE6、IE7、IE8、FF3.0、Opera9.6、Chrome2.0下均能打开链接，但在IE8、Opera9.6、Chrome2.0中显示有些问题：
修改了下button的padding属性，IE8、Opera9.6、Chrome2.0显示总算正常了：
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
美中不足的是页面上点击swf时会有个下沉的动作，有人建议禁用button，在button外再加个链接：
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
遗憾的是在FF3.0、Opera9.6不支持！
代码注意事项：
·button的长宽必须和swf长宽一致；
·button的border属性必须设置成none，padding属性设置为0，background属性设置为none；
·swf的wmode属性必须设置为Opaque或Transparent；
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果链接并不起作用，应该是swf在浏览器中具有很高的优先级，页面中的元素都被遮挡住了。Google了下，据说将<a>改为<button>有用，测试了下：
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
在IE6、IE7、IE8、FF3.0、Opera9.6、Chrome2.0下均能打开链接，但在IE8、Opera9.6、Chrome2.0中显示有些问题：
修改了下button的padding属性，IE8、Opera9.6、Chrome2.0显示总算正常了：
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
美中不足的是页面上点击swf时会有个下沉的动作，有人建议禁用button，在button外再加个链接：
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
遗憾的是在FF3.0、Opera9.6不支持！
代码注意事项：
·button的长宽必须和swf长宽一致；
·button的border属性必须设置成none，padding属性设置为0，background属性设置为none；
·swf的wmode属性必须设置为Opaque或Transparent；
上一篇: 
下一篇: 
文章来自: 
引用通告: 
Tags: 
最新日志:
评论: 1 | 引用: 0 | 查看次数: 10661
发表评论
请登录后再发表评论！
不错