今天有个客户要投放广告,给的素材是flash的,虽然我们不太喜欢,但没办法,客户就喜欢flash,怕一些浏览器或软件屏蔽flash自带的链接,需要我么通过html加一个链接,要不被阻止了效果不好。后果你懂的。
几年前帮别人维护的时候做过,后来好久不做了,感觉太生疏了,这里特别整理下,方便需要的朋友,希望大家多多支持phpstudy。
下面是完整的代码,因为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加链接_phpstudy专用</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}
- #phpstudy{ 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=\"phpstudy\">
- <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.phpstudy.net/image/22cn_phpstudynet.swf\" />\');
- document.write(\'<param name=\"quality\" value=\"high\" /><param name=\"wmode\" value=\"opaque\" />\');
- document.write(\'<embed src=\"http://img.phpstudy.net/image/22cn_phpstudynet.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=\"http://www.phpstudy.net\" target=\"_blank\"><img src=\"http://img.phpstudy.net/image/touming.png\" width=\"300\" height=\"250\" /></a>
- </div>
- </div>
- </body>
- </html>
现在广告管家都不好用了,百度管家停止其它物料,cnzz的被360屏蔽了,google的访问又慢。想进个后台也不容易。没办法只能放自己的服务器里了。
需要几点说明的:
<img src=\"http://img.phpstudy.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}
- #phpstudy{ 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.phpstudy.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.phpstudy.net/image/22cn_phpstudynet.swf\">
- <param name=\"quality\" value=\"high\">
- <param name=\"wmode\" value=\"opaque\" />
- <embed src=\"http://img.phpstudy.net/image/22cn_phpstudynet.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>
好了,这篇文章就介绍到这,基本上能凑合用了。欢迎留言评论。phpstudy原创。
本文地址:https://www.stayed.cn/item/21309
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我