今天有个客户要投放广告，给的素材是flash的，虽然我们不太喜欢，但没办法，客户就喜欢flash，怕一些浏览器或软件屏蔽flash自带的链接，需要我么通过html加一个链接，要不被阻止了效果不好。后果你懂的。* @6 I H6 T. t( a) d
几年前帮别人维护的时候做过，后来好久不做了，感觉太生疏了，这里特别整理下，方便需要的朋友，希望大家多多支持脚本之家。8 G3 j* c4 ]( t+ V1 E, ^
下面是完整的代码，因为flash文件都比较大我们特别用iframe加载了广告：
1 C: k3 b T( q. fxml/html code复制内容到剪贴板9 i3 u; r! w7 q6 _3 }* Q, q
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > . ]0 S9 F1 l m0 ?2 n
<html xmlns=> 3 j9 c- G5 g; u% |, u; k! J) V: @
<head> : j. F+ f% E, N7 Q
<meta http-equiv=content-type content=text/html; charset=gb2312 />
; k' m) U9 F9 j2 J. H( Z<title>flash加链接_脚本之家专用</title> ; V+ J* h/ Z+ D- v q' E
<style type=text/css>
7 d8 s, }+ g( u# q; ^9 r0 J<!-- - {1 N: x) D2 w( _6 L" p2 w! H! h
body {
% f/ |1 g6 b& Nposition:relative; 8 o$ |1 u2 n: z# y B- C8 O
z-index:0; 6 } ^- w7 p4 v& K/ F
margin:0; padding:0
4 Z# C9 b5 H+ l! F* G} 3 A5 c( \% o3 i5 K) C7 ^
body,td,th {
" N1 K' ~. p0 wcolor: #333333; 9 Y/ _- {8 f0 j8 z( ~
}
' O* H/ F/ _. n2 t9 W*{margin:0; padding:0}
1 z8 e- v6 ~ }; F/ ]5 `" `0 ] Iimg{ border:0} - |. g |2 {/ r k7 f" r) G
#jb51{ position:relative; width:300px; height:250px} 2 ]. f7 h6 ?- Q. |1 S* d
#div1 { : X( _( Z4 \/ f' M! }1 c
position:absolute; ( B: A. p7 A R( v& ^8 ]7 T
left:0; 3 U4 G N! Q$ ]3 H: s
top:0; ( R* {: p, J7 O g+ i' J b
width:300px;
4 f6 w, T8 v5 R+ Y; A9 kheight:250px; z-index:-1
: q/ q8 R) K5 I! ?3 L# Z* L
% T* X M5 ?7 V7 b6 J- V}
! @: L% s, t1 S. |" @4 u#div2 {
8 K! g7 Z8 `$ m7 o" m# m3 L& gposition:absolute; , g, H; i$ F t4 Z; C7 p
left:0;
/ k' Q$ e( k. y: i0 Ztop:0;
3 C% Y/ M. @( c# z+ S% Y7 u8 Awidth:300px; ) p! |5 H7 Q% n2 k2 t# z+ c
height:250px; 3 A3 U4 }. v; R1 c" e
z-index:99999;
9 D1 b8 `4 X2 t, N! S. M}
- P; g4 m2 _; r H: @ v/ Q#div2 a:link{ display:block; width:300px; height:250px} , c& g6 U/ r6 W# ]8 t& |
-->
6 {) ]2 }) l) B: q2 Q. {</style></head> / }) f1 l9 s" p2 f& k' V1 b& A5 [
<body> 1 B8 R6 v$ I8 m9 a8 f
<div id=jb51>
1 w8 a5 r: F2 G m6 l<div id=div1>
9 }- C) S l( Z3 c W<script type=text/javascript>
) L* }: ?0 h- r& `; } xdocument.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>');
4 z# X$ p0 Y" fdocument.write('<param name=movie value= />'); . R J2 f3 W7 a7 `" q
document.write('<param name=quality value=high /><param name=wmode value=opaque />');
! K6 e S2 m$ _8 B4 e* ndocument.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>'); ) d. m1 {9 @0 c! f/ l
document.write('</object>');
1 F# |# x- U' D& D. n/ R3 `0 \% \( v</script>
3 P2 ?0 n5 V" l</div> 6 g$ S% f& Z) R1 B: P7 \" H
<div id=div2> / y( L$ p. _$ v2 Q
<a href= target=_blank><img src= width=300 height=250 /></a> ( C. L8 J& J) Q" P
</div> ) C5 j4 f! f% Y' E' p
</div> % _9 l2 v' I" S; T2 u
</body>
8 s& c) y* u% H. c- T: D</html> + |9 C; G7 g& Q: d: S. {
现在广告管家都不好用了，百度管家停止其它物料，cnzz的被360屏蔽了，google的访问又慢。想进个后台也不容易。没办法只能放自己的服务器里了。
# S( s. s7 U! q/ W7 x4 E需要几点说明的：
/ C; n0 n, Z& ] y<img src= width=300 height=250 />这个里面的touming.png就是个1像素的透明png文件。不要图片的话ie下链接不对。7 `3 |0 Z& n+ |$ M- Z
当然css样式是最重要的，先是position:relative,然后里面的才是position:absolute;
1 R, H$ h& O" R& ~. ?' ~3 a后来从网上看到别人提供的一个方法，通过button按钮实现的，就是不能新窗口打开。也顺便提供下吧。如果大家发现我们的这个也不好用希望能联系我们更新谢谢。
# F# W, x/ e- G C6 L( kxml/html code复制内容到剪贴板( B$ _" ^* _; b* @1 x z3 q
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > 0 c% c3 l5 n I' f( u
<html xmlns=> ) Q. s) _7 r' L, U- H5 y# h& K
<head> $ \/ v ~# Y" y3 r$ A& O3 t
<meta http-equiv=content-type content=text/html; charset=utf-8 /> : r; c! s! a3 l+ [* d
<title>无标题文档</title> / M0 T. l' e! _, H7 p, z" F
<style type=text/css> # m! a+ a; g, G9 v. |8 u3 B' D
<!-- 7 P: S, A1 O8 D* L
body { % J7 B7 J) ]8 J' {0 S" U r
position:relative; * C! M- e0 I$ Z4 h" Z
z-index:0; _6 S( H1 K$ K1 V
margin:0; padding:0
y/ x& L; N1 m} * B" z4 Y2 p% e0 w2 }# R& v" Q
body,td,th {
6 D( { D' s- Ocolor: #333333;
* ?7 N$ [# J9 g+ b/ Q# |}
$ b* W. a0 c+ n, x4 S# P; ^*{margin:0; padding:0} 1 E' R$ _* x0 ~
img{ border:0} 4 ~/ j8 V3 D; F. `8 f) M' z
#jb51{ position:relative; width:300px; height:250px} 9 a$ U, |! _# t4 J/ q2 V
#div1 {
( E; ^! p; b3 G$ Dposition:absolute; : C3 A5 `$ R6 T& |, i# B* j$ W
left:0; % H) h1 S3 u6 H* A5 f, @) k
top:0;
( z O; f- V3 p! R6 ]' N! ^width:300px; * u/ N( p/ W' S# {. g) r+ m
height:250px; z-index:-1
6 l+ L# f9 d( ^4 Y* h: K7 X, _
4 q1 |4 Q( r7 X, U9 ^2 j}
! r# c% y7 Y& Q#div2 {
: \6 Z+ N& _$ i# x! Q/ b& ?4 Uposition:absolute;
6 o% t1 b6 o+ d4 ?% |6 E( Yleft:0;
+ F: N3 `/ _/ K+ \9 i5 i* j3 s% htop:0;
6 j/ z0 z! X6 [4 m% Q5 w1 Lwidth:300px; & v* N+ f' r( }9 `7 n9 e
height:250px; % D- D. Q( F; q& k
z-index:99999; ) P% \- Q: r, r- J
}
- L! F# K6 b* @" _3 N3 ]-->
( e& Y( x, }' E4 f5 B</style> * Y0 ]/ [# m# v2 e2 q
</head>
: G8 {4 W- P6 q8 _ y<body>
6 e2 x( G/ u' M4 T: A# V<button style=width:300;height:250;background:transparent;border:o;padding:0;cursor:hand onclick=window.location.href='http://s.jb51.net'> % D e; }* i& }8 M) q) M
<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000
3 m5 n/ @3 d/ {& S# n, @codebase= width=100% height=100%> # X% y4 y5 S0 X& f; G7 z) T
<param name=movie value=> 9 c# U3 ^5 j( O" |& d+ ?/ H, s8 O
<param name=quality value=high> 5 ^; D7 `1 T- v/ m3 w/ e
<param name=wmode value=opaque />
9 `: I5 W ]) E. M$ u- [' {7 z<embed src= width=300 height=250 quality=high pluginspage= type=application/x-shockwave-flash align=middle wmode=opaque>
9 i0 [& Q) S' Z; k1 o* I Y</embed>
% b1 v! O- s' h) _3 N</object>
+ ~+ O" b: g5 N+ n2 H1 X</button>
$ n- p& |7 ~& \) [4 Y1 @5 C/ r</body>
! |& q3 B3 a9 {, g' i</html> / t1 @7 |5 U+ t
. Y1 S2 b. `: T' I更多网页制作信息请查看： 网页制作 |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
