今天有个客户要投放广告，给的素材是flash的，虽然我们不太喜欢，但没办法，客户就喜欢flash，怕一些浏览器或软件屏蔽flash自带的链接，需要我么通过html加一个链接，要不被阻止了效果不好。后果你懂的。
' t, L, `: ]9 y" q% ]# j几年前帮别人维护的时候做过，后来好久不做了，感觉太生疏了，这里特别整理下，方便需要的朋友，希望大家多多支持脚本之家。
$ h ?4 |2 ?9 n( A3 ]& Z/ T& Z下面是完整的代码，因为flash文件都比较大我们特别用iframe加载了广告：# \+ D/ w2 _. p% u; U' ^
xml/html code复制内容到剪贴板
6 z) G4 Y% P2 P$ \5 p' Z2 R7 E" u<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
3 g6 D* D. J- _3 Q0 R) h<html xmlns=>
# b& j" a, d2 z<head> 1 A. c" H8 l! g4 }
<meta http-equiv=content-type content=text/html; charset=gb2312 />
& m1 f) ~/ @" R' i<title>flash加链接_脚本之家专用</title>
8 l. m: O6 D5 [8 u D( d<style type=text/css>
' O- k+ y( O" m+ U8 r7 E$ x<!-- 2 b2 p& @# ^6 [5 ~" i+ {
body {
( ?( q# o7 }# L4 B' hposition:relative; ; B6 L; Q) t6 w: {, W) o& y) T
z-index:0;
3 q) _' R, Z0 w4 L. q$ V# q4 k* l( Gmargin:0; padding:0
1 E& m7 s( ]+ L} 4 Q: j- _: ~) w7 `6 y8 P; b
body,td,th { & X4 w1 W G; `! N
color: #333333; * Y2 n# a( b, W
}
. f- a; r, a2 l8 f) `/ l! O*{margin:0; padding:0}
8 [# V+ j2 f" Iimg{ border:0}
1 c2 L$ ~5 Y2 J#jb51{ position:relative; width:300px; height:250px} , O z4 o0 s b: L `9 k% k
#div1 { 0 {, ~. N; P) \4 f5 D4 E
position:absolute;
% r" e. R! F, V% O# Z7 Fleft:0; ( \( a% p! s+ x9 @7 U
top:0; 8 [& v& |7 C! z: {$ w( r& Z
width:300px;
9 S% F7 u' Q( x8 Eheight:250px; z-index:-1 3 U( j& S: J: x) v# i( W
1 p, M) p9 }) i- r} ) D1 T4 M7 I8 U f6 [
#div2 {
$ ]" c% A6 @& _9 |5 W- yposition:absolute;
* S! x$ g; Z7 |0 ]left:0;
) v& J5 |( L+ Y/ k itop:0;
Q6 @: s2 }! i/ y1 L6 m$ kwidth:300px; " `8 V+ v! l5 E1 s/ f* [0 D
height:250px;
" H$ [, n) w8 v1 d; `- m/ ~9 ^z-index:99999; ' ]/ }7 |, u: a$ n7 L
}
4 h: |- `1 N7 ]1 }7 a3 V#div2 a:link{ display:block; width:300px; height:250px} 5 p t4 W5 a1 U0 s+ V5 V
--> * e) a- J7 t1 c3 V4 M
</style></head>
9 m d9 o+ _" H! y<body> , C2 {: s, X# a) b3 L
<div id=jb51> 0 W3 E, `% L* d3 a6 G, j; V4 e
<div id=div1>
+ `! e& C! d j0 S# `' F0 Z<script type=text/javascript>
' ?( k5 x9 C/ xdocument.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>'); 0 \' m0 _% E @' A8 K; ]( ~1 b
document.write('<param name=movie value= />');
& P/ o6 J1 x5 y ^# Q0 r# Edocument.write('<param name=quality value=high /><param name=wmode value=opaque />');
: _6 d) s" M0 A) z0 O- g3 _' ]. Wdocument.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>');
) \- V! n/ u, c4 P+ i' idocument.write('</object>');
( q) n5 r' ?" E9 z: @% L</script> $ J; B0 i& e- f+ U5 b# Q
</div>
# P& Y* ]! }/ `4 D" h+ X( j<div id=div2>
' _! v% V. ^7 ]7 x9 ~<a href= target=_blank><img src= width=300 height=250 /></a>
1 X4 x4 ]) y' S$ B) b) l, k</div> : V# o# ~ `# s4 G; A
</div> j' K' A4 h) N0 W* O' {
</body> ! ~ o5 o# H8 f9 I+ r2 P0 k
</html>
. n+ |" v. ` m3 B现在广告管家都不好用了，百度管家停止其它物料，cnzz的被360屏蔽了，google的访问又慢。想进个后台也不容易。没办法只能放自己的服务器里了。7 r, q+ R; u# [8 I
需要几点说明的：: @9 R% S7 W+ f6 D5 ?7 J
<img src= width=300 height=250 />这个里面的touming.png就是个1像素的透明png文件。不要图片的话ie下链接不对。
! l, r4 T/ i. |当然css样式是最重要的，先是position:relative,然后里面的才是position:absolute;+ @1 y# S* z7 ?' K3 [2 t
后来从网上看到别人提供的一个方法，通过button按钮实现的，就是不能新窗口打开。也顺便提供下吧。如果大家发现我们的这个也不好用希望能联系我们更新谢谢。9 \2 ?& o6 g6 U' z
xml/html code复制内容到剪贴板
, b/ O% v ?! O% \' l<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
_+ N3 Z; b @3 N8 L# R<html xmlns=>
$ v# ?, H/ e5 w/ G3 H<head>
5 B/ \- F5 V1 E; o<meta http-equiv=content-type content=text/html; charset=utf-8 />
* L3 n. m( ^ e# o* [% U1 y<title>无标题文档</title> 5 Y d- v, N5 m0 k
<style type=text/css>
& @) }5 T1 w4 S1 R0 t2 V<!-- # z1 C7 `7 y9 F/ [7 M, M
body { ! T: n( j, ?( }) e: S3 K; \! Z
position:relative; 2 [1 |* x. q) c
z-index:0;
" \/ R, U5 }4 C0 X1 R" |+ V: e9 ]margin:0; padding:0
8 W/ t* p; F" F& Y} ! L9 B& t0 M, H, k& d/ k5 d7 B
body,td,th {
. g, J3 G4 w" Ucolor: #333333;
) E8 A' i& w: [6 W3 J9 M! g! N}
" j5 ~& S. r3 m6 ~*{margin:0; padding:0}
" H6 N. s6 |; e0 c; b6 Gimg{ border:0} - a1 R. q+ }( }9 [* d4 n5 x3 b, u0 V
#jb51{ position:relative; width:300px; height:250px} 4 Y& a; u/ L/ U: G
#div1 { 1 G: |% M* @5 B1 @) h5 H* ~
position:absolute; . b8 {2 \. e0 F' y" T
left:0;
7 P6 `$ L$ @0 ~3 I; ?- rtop:0;
7 z+ ]. n! ^! F8 W! Hwidth:300px;
" n+ ^ N6 p* D5 W' {1 Y' [8 ~height:250px; z-index:-1 8 G D# c4 E; S+ b* q
) Q9 M. }+ [- }' v8 I% P% v} * [- f& G/ ?; F @4 y. Q7 j# J
#div2 { 6 s9 }/ M% U" }) z) j
position:absolute;
: g1 V" @, q' @. T% H4 Xleft:0; . N0 s% E2 W2 i9 V
top:0; # D. b9 F& y, a9 s
width:300px; ) A' h, u- p: X- {8 Z5 T1 Y
height:250px;
* \4 g- O- ]. M- Z. @) U+ |! u7 x( ~9 sz-index:99999;
3 A. l. C! Z$ ]}
( ~/ X$ `/ m* \7 l3 o-->
* X" U1 z% P+ E5 T</style> $ {7 h& a/ x6 b' W/ P
</head> 3 ^! y6 W0 }5 h7 D) \0 ?
<body> , S% }8 q9 r: h( {( I- [
<button style=width:300;height:250;background:transparent;border:o;padding:0;cursor:hand onclick=window.location.href='http://s.jb51.net'> 7 B z6 _6 e a8 g4 n' t' ?
<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000
' x- k- ~: Y" ~% Ccodebase= width=100% height=100%>
) a4 V6 a S K! @* e<param name=movie value=> 9 k2 @7 d" c5 J% a3 @
<param name=quality value=high>
5 ~+ h# b* U, v+ O! q/ @9 V9 }. G<param name=wmode value=opaque />
0 ~- g+ h, m* `- a2 M2 A! f3 A$ d( f0 _<embed src= width=300 height=250 quality=high pluginspage= type=application/x-shockwave-flash align=middle wmode=opaque>
0 N- Q$ t: P* O, l3 `</embed> 3 a* g8 L9 o7 U4 D. a! Z& k
</object>
" f" I3 O5 _# Y; A; Z, F; t</button> % Y3 V( B7 S. x4 i$ h1 L
</body> ' O Z' q- ?; n y( v8 J a2 |
</html> * f+ D4 z' J' }: G5 |! d' c. z* q6 J
* K* K5 ?4 V I$ Q9 r更多网页制作信息请查看： 网页制作 |
|
拥抱AI搜索新时代！GEO优化成为企业流量增404网络资讯
GEO优化如何让企业流量翻倍？303网络资讯
GEO优化，企业抢占流量高地的制胜法宝303网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡