今天有个客户要投放广告,给的素材是flash的,虽然我们不太喜欢,但没办法,客户就喜欢flash,怕一些浏览器或软件屏蔽flash自带的链接,需要我么通过html加一个链接,要不被阻止了效果不好。后果你懂的。

几年前帮别人维护的时候做过,后来好久不做了,感觉太生疏了,这里特别整理下,方便需要的朋友,希望大家多多支持脚本之家。

下面是完整的代码,因为flash文件都比较大我们特别用iframe加载了广告:

XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://imgbuyun.weixiu-service.com/up79/202309/1zshy22ouu3 class="tag">>   <html xmlns="http://www.w3.org/1999/xhtml">   <head>   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   <title>flash加链接_脚本之家专用</title>   <style type="text/css">   <!--    body {     position:relative;     z-index:0;     margin:0; padding:0    }     body,td,th {        color: #333333;    }    *{margin:0; padding:0}    img{ border:0}    #jb51{ position:relative; width:300px; height:250px}    #div1 {    position:absolute;    left:0;    top:0;    width:300px;     height:250px; z-index:-1        }     #div2 {     position:absolute;    left:0;    top:0;    width:300px;     height:250px;     z-index:99999;     }     #div2 a:link{ display:block; width:300px; height:250px}    -->   </style></head>   <body>   <div id="jb51">   <div id="div1">   <script type="text/javascript">   document.write(<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://imgbuyun.weixiu-service.com/up79/202309/abib3g2e2j1.cab class="attribute">width="300" height="250">);    document.write(<param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf" />);    document.write(<param name="quality" value="high" /><param name="wmode" value="opaque" />);    document.write(<embed src="http://img.jb51.net/image/22cn_jb51net.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="250" wmode="opaque"></embed>);    document.write(</object>);    </script>   </div>   <div id="div2">   <a href="https://www.jb51.net" target="_blank"><img src="http://img.jb51.net/image/touming.png" width="300" height="250" /></a>   </div>   </div>   </body>   </html>  现在广告管家都不好用了,百度管家停止其它物料,cnzz的被360屏蔽了,google的访问又慢。想进个后台也不容易。没办法只能放自己的服务器里了。

需要几点说明的:

<img src="http://img.jb51.net/image/touming.png" width="300" height="250" />这个里面的touming.png就是个1像素的透明png文件。不要图片的话ie下链接不对。

当然css样式是最重要的,先是position:relative,然后里面的才是position:absolute;

后来从网上看到别人提供的一个方法,通过button按钮实现的,就是不能新窗口打开。也顺便提供下吧。如果大家发现我们的这个也不好用希望能联系我们更新谢谢。

XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://imgbuyun.weixiu-service.com/up79/202309/1zshy22ouu3 class="tag">>   <html xmlns="http://www.w3.org/1999/xhtml">   <head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <title>无标题文档</title>   <style type="text/css">   <!--    body {     position:relative;     z-index:0;     margin:0; padding:0    }     body,td,th {        color: #333333;    }    *{margin:0; padding:0}    img{ border:0}    #jb51{ position:relative; width:300px; height:250px}    #div1 {    position:absolute;    left:0;    top:0;    width:300px;     height:250px; z-index:-1        }     #div2 {     position:absolute;    left:0;    top:0;    width:300px;     height:250px;     z-index:99999;     }     -->   </style>   </head>   <body>   <button style="width:300;height:250;background:transparent;border:o;padding:0;cursor:hand" onclick="window.location.href=http://s.jb51.net">     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"              codebase="http://imgbuyun.weixiu-service.com/up79/202309/dmapkoicqly.cab class="attribute">width="100%" height="100%">                  <param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf">                  <param name="quality" value="high">                <param name="wmode" value="opaque" />                <embed src="http://img.jb51.net/image/22cn_jb51net.swf" width="300" height="250" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" align="middle"  wmode="opaque">                    </embed>                 </object>     </button>     </body>   </html>  好了,这篇文章就介绍到这,基本上能凑合用了。欢迎留言评论。脚本之家原创。