根据html为FLASH加连接的完成编码(div层)

今日有个顾客要投放广告宣传,给的素材是flash的,尽管大家不太喜爱,但没法,顾客就喜爱flash,怕1些访问器或手机软件屏蔽flash自带的连接,必须我么根据html加1个连接,要不被阻拦了实际效果不太好。不良影响你懂的。

几年前帮他人维护保养的情况下做过,后来好长时间不做了,觉得太疏远了,这里非常梳理下,便捷必须的盆友,期待大伙儿多多适用脚本制作之家。

下面是详细的编码,由于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加连接_脚本制作之家专用</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. #jb51{ 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:⑴    
  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="jb51">  
  40. <div id="div1">  
  41. <script type="text/javascript">  
  42. document.write('<object classid="clsid:D27CDB6E-AE6D⑴1cf⑼6B8⑷44553540000" 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.jb51.net/image/22cn_jb51net.swf" />');   
  44. document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');   
  45. 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>');   
  46. document.write('</object>');   
  47. </script>  
  48. </div>  
  49. <div id="div2">  
  50. <a href="https://www.jb51.net" target="_blank"><img src="http://img.jb51.net/image/touming.png" width="300" height="250" /></a>  
  51. </div>  
  52. </div>  
  53. </body>  
  54. </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;

后来从在网上看到他人出示的1个方式,根据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⑻" />  
  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. #jb51{ 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:⑴    
  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.jb51.net'">    
  40. <object classid="clsid:D27CDB6E-AE6D⑴1cf⑼6B8⑷44553540000"     
  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.jb51.net/image/22cn_jb51net.swf">    
  43.              <param name="quality" value="high">  
  44.              <param name="wmode" value="opaque" />  
  45.              <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">    
  46.                </embed>    
  47.             </object>    
  48. </button>    
  49. </body>  
  50. </html>  
好了,这篇文章内容就详细介绍到这,基础上能将就用了。欢迎留言评价。脚本制作之家原創。