今天有个客户要投放广告，给的素材是flash的，虽然我们不太喜欢，但没办法，客户就喜欢flash，怕一些浏览器或软件屏蔽flash自带的链接，需要我么通过html加一个链接，要不被阻止了效果不好。后果你懂的。
几年前帮别人维护的时候做过，后来好久不做了，感觉太生疏了，这里特别整理下，方便需要的朋友，希望大家多多支持脚本之家。
下面是完整的代码，因为flash文件都比较大我们特别用iframe加载了广告：
xml/html code复制内容到剪贴板
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
<html xmlns=>
<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= width=300 height=250>');
document.write('<param name=movie value= />');
document.write('<param name=quality value=high /><param name=wmode value=opaque />');
document.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>');
document.write('</object>');
</script>
</div>
<div id=div2>
<a href= target=_blank><img src= width=300 height=250 /></a>
</div>
</div>
</body>
</html>
现在广告管家都不好用了，百度管家停止其它物料，cnzz的被360屏蔽了，google的访问又慢。想进个后台也不容易。没办法只能放自己的服务器里了。
需要几点说明的：
<img src= 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 >
<html xmlns=>
<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= width=100% height=100%>
<param name=movie value=>
<param name=quality value=high>
<param name=wmode value=opaque />
<embed src= width=300 height=250 quality=high pluginspage= type=application/x-shockwave-flash align=middle wmode=opaque>
</embed>
</object>
</button>
</body>
</html>
更多网页制作信息请查看： 网页制作 |
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
