几年前帮别人维护的时候做过,后来好久不做了,感觉太生疏了,这里特别整理下,方便需要的朋友,希望大家多多支持。
下面是完整的代码,因为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层)的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did37580