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

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

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

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

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">  
  2. <html xmlns=\"http://www.w3.org/1999/xhtml\">  
  3. <head>  
  4. <meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\" />  
  5. <title>flash加链接_phpstudy专用</title>  
  6. <style type=\"text/css\">  
  7. <!--   
  8. body {    
  9. position:relative;    
  10. z-index:0;    
  11. margin:0; padding:0   
  12. }    
  13. body,td,th {   
  14.     color: #333333;   
  15. }   
  16. *{margin:0; padding:0}   
  17. img{ border:0}   
  18. #phpstudy{ position:relative; width:300px; height:250px}   
  19. #div1 {   
  20. position:absolute;   
  21. left:0;   
  22. top:0;   
  23. width:300px;    
  24. height:250px; z-index:-1    
  25.   
  26. }    
  27. #div2 {    
  28. position:absolute;   
  29. left:0;   
  30. top:0;   
  31. width:300px;    
  32. height:250px;    
  33. z-index:99999;    
  34. }    
  35. #div2 a:link{ display:block; width:300px; height:250px}   
  36. -->  
  37. </style></head>  
  38. <body>  
  39. <div id=\"phpstudy\">  
  40. <div id=\"div1\">  
  41. <script type=\"text/javascript\">  
  42. 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\">\');   
  43. document.write(\'<param name=\"movie\" value=\"http://img.phpstudy.net/image/22cn_phpstudynet.swf\" />\');   
  44. document.write(\'<param name=\"quality\" value=\"high\" /><param name=\"wmode\" value=\"opaque\" />\');   
  45. 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>\');   
  46. document.write(\'</object>\');   
  47. </script>  
  48. </div>  
  49. <div id=\"div2\">  
  50. <a href=\"http://www.phpstudy.net\" target=\"_blank\"><img src=\"http://img.phpstudy.net/image/touming.png\" width=\"300\" height=\"250\" /></a>  
  51. </div>  
  52. </div>  
  53. </body>  
  54. </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复制内容到剪贴板
  1. <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">  
  2. <html xmlns=\"http://www.w3.org/1999/xhtml\">  
  3. <head>  
  4. <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />  
  5. <title>无标题文档</title>  
  6. <style type=\"text/css\">  
  7. <!--   
  8. body {    
  9. position:relative;    
  10. z-index:0;    
  11. margin:0; padding:0   
  12. }    
  13. body,td,th {   
  14.     color: #333333;   
  15. }   
  16. *{margin:0; padding:0}   
  17. img{ border:0}   
  18. #phpstudy{ position:relative; width:300px; height:250px}   
  19. #div1 {   
  20. position:absolute;   
  21. left:0;   
  22. top:0;   
  23. width:300px;    
  24. height:250px; z-index:-1    
  25.   
  26. }    
  27. #div2 {    
  28. position:absolute;   
  29. left:0;   
  30. top:0;   
  31. width:300px;    
  32. height:250px;    
  33. z-index:99999;    
  34. }    
  35. -->  
  36. </style>  
  37. </head>  
  38. <body>  
  39. <button style=\"width:300;height:250;background:transparent;border:o;padding:0;cursor:hand\" onclick=\"window.location.href=\'http://s.phpstudy.net\'\">    
  40. <object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"     
  41.         codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0\" width=\"100%\" height=\"100%\">    
  42.              <param name=\"movie\" value=\"http://img.phpstudy.net/image/22cn_phpstudynet.swf\">    
  43.              <param name=\"quality\" value=\"high\">  
  44.              <param name=\"wmode\" value=\"opaque\" />  
  45.              <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\">    
  46.                </embed>    
  47.             </object>    
  48. </button>    
  49. </body>  
  50. </html>  
好了,这篇文章就介绍到这,基本上能凑合用了。欢迎留言评论。phpstudy原创。

本文地址:https://www.stayed.cn/item/21309

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。