WEB开发网
开发学院图形图像Flash 用div挡住flash,给flash加上链接 阅读

用div挡住flash,给flash加上链接

 2010-09-29 10:17:07 来源:WEB开发网   
核心提示:问题描述:公司合作的一个酒店预订网站需要在页面上投广告,但对方给了一个flash文件,用div挡住flash,给flash加上链接,要求链接到其首页,直接在html的flash object前面加上<a href=...>,同时用户最关心的seo作用消失了,因为这不是一个正常的链接,发现链接是点不动的,解决

问题描述:公司合作的一个酒店预订网站需要在页面上投广告,但对方给了一个flash文件,要求链接到其首页。直接在html的flash object前面加上<a href=...>,发现链接是点不动的。

解决过程:

开发人员没有意识到这个问题,写出的问题代码如下:

1<a href="http://www.youiyou.net">
2    <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="468" height="60">
3        <param name="movie" value="**.swf">
4        <param name="quality" value="high">
5        <embed src=http://tech.ddvip.com/2009-06/"*.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed>
6    </object>
7</a>

鼠标放上去是没有任何效果的,原因是默认情况下flash会被放到最高层,可能有朋友也碰到过下拉菜单被flash挡住的情况,也属于这个情况。

网上找到的解决方案是用一个透明的大button包在flash的最外层,或是用一个层盖住flash,然后定义button的onclick事件,但这种方式在firefox下工作不正常。

同时用户最关心的seo作用消失了,因为这不是一个正常的链接,是用javascript实现跳转的。

1<button style="width:468;height:60;background:transparent;border:0;padding:0;cursor:hand" onclick="window.location.href='http://www.youiyou.net/'">
2    <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="468" height="60">
3        <param name="movie" value="**.swf">
4        <param name="quality" value="high">
5        <embed src=http://tech.ddvip.com/2009-06/"*.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed>
6        <param name="wmode" value="transparent">
7    </object>
8</button>

1 2  下一页

Tags:div 挡住 flash

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接