好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

通过html为FLASH加链接的实现代码(div层)

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

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

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

 

XML/HTML Code 复制内容到剪贴板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >    < 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://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"   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.gxlcms.com"   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://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >    < 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://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"   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 >    好了,这篇文章就介绍到这,基本上能凑合用了。欢迎留言评论。原创。

查看更多关于通过html为FLASH加链接的实现代码(div层)的详细内容...

  阅读:39次