今天有个客户要投放广告，给的素材是flash的，虽然我们不太喜欢，但没办法，客户就喜欢flash，怕一些浏览器或软件屏蔽flash自带的链接，需要我么通过html加一个链接，要不被阻止了效果不好。后果你懂的。
1 Q& x% }3 k' ~8 H7 j几年前帮别人维护的时候做过，后来好久不做了，感觉太生疏了，这里特别整理下，方便需要的朋友，希望大家多多支持脚本之家。
6 W. j' b0 q F# N下面是完整的代码，因为flash文件都比较大我们特别用iframe加载了广告：+ Q, m9 _" J% m; x5 _8 T9 u
xml/html code复制内容到剪贴板* U0 I$ x1 z6 [" J* R$ h7 V" m
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > # X. D7 A, S- J8 W# G5 ]
<html xmlns=> 1 `5 r1 z' M1 Z7 M% h. |" S$ b/ L
<head>
9 v, Y; }4 N5 {+ @5 w<meta http-equiv=content-type content=text/html; charset=gb2312 />
! t( L0 P9 M# }; h& N. r/ h<title>flash加链接_脚本之家专用</title> 6 {2 g& V0 C0 E, B
<style type=text/css> # _$ I6 Y8 q; _+ d; Z0 m
<!--
# ? Y- S8 H( Ibody { / b9 m2 _ _4 k; j+ r- i2 C
position:relative;
5 i- d" {1 Z, o4 T: Z1 R uz-index:0; 7 Q9 T5 d6 y& s% |) p
margin:0; padding:0 ! X" ?9 _ l4 t1 `
} $ w. Z! L' M. u+ ?2 U4 W1 b% ~
body,td,th {
- ^2 ~6 J f- m3 ?- vcolor: #333333; 4 G# M* u+ @0 o* A4 G4 O5 B
} ! L& D3 x# Y( N( h
*{margin:0; padding:0}
: f( _7 ~% c( I* S* b, n( c4 D" Cimg{ border:0}
/ y" h7 O- C. \+ ^" A0 E2 t2 v#jb51{ position:relative; width:300px; height:250px} , L9 L# r# i x. x; M4 K, @7 a
#div1 {
( a# z5 c" F1 q+ j1 sposition:absolute;
. J$ F' e$ N* l1 b hleft:0; ) f! Z. W+ X; o" l3 d1 |
top:0; * \: m2 J/ W+ w6 Y, Q4 [# Y/ M
width:300px;
6 H" ~) N$ R a5 V: E( [; C3 T Yheight:250px; z-index:-1
/ w4 g0 l2 ~# O
* U2 r' o. s4 V8 R} 7 ^+ ]' ]" x/ T0 [3 U; B
#div2 {
. c- o$ o) n+ Gposition:absolute; }! e, c# r0 C
left:0; 0 ?8 D& C9 M) q2 O4 g
top:0;
# `& n/ p+ D" w5 W9 cwidth:300px;
* g1 g4 ^2 P1 |" y, A& V/ qheight:250px; 0 i, S0 {3 F! I; E5 V: C3 H
z-index:99999;
+ r2 p4 M: I: m& j& J% b, B2 J}
. |) ?4 P: X1 h8 T/ {#div2 a:link{ display:block; width:300px; height:250px}
' u3 ^7 h/ C, J4 p: F--> - u" E/ Y. a+ @( w4 J% v
</style></head>
/ q6 w6 O. ^; I5 v" M, A; F<body>
! a% Z7 d8 d8 Z5 Z# c2 `<div id=jb51> ! s& S5 H4 r! U, }! [
<div id=div1> 6 c0 P9 ]* k( F
<script type=text/javascript> 8 G9 ^& f) H, D( ]1 h! A* \! T4 d( f
document.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>'); 3 M) D4 W7 i* i2 d/ R' T9 ~
document.write('<param name=movie value= />'); 0 ], X8 g# f- E7 m
document.write('<param name=quality value=high /><param name=wmode value=opaque />');
7 ]$ K* I, n$ o# Z, d2 Udocument.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>'); ' d5 i' U" _8 |8 l0 J0 ?
document.write('</object>'); 2 y; k3 X) q" a8 U2 I
</script> 8 O/ T ^, h8 I p+ e* v- j
</div> 4 e! j) `3 c- o" z) \
<div id=div2> " O6 d2 |. A2 L% l ^
<a href= target=_blank><img src= width=300 height=250 /></a> , k5 p. d' ]% Y4 L
</div> ' E) {) D/ m; O9 r% m% p! {
</div> . s: u+ [1 m' W/ F, t K* X/ X
</body> % |6 d- E6 \1 t% s& K# S
</html> 5 Y+ c( Q! b3 P* ]
现在广告管家都不好用了，百度管家停止其它物料，cnzz的被360屏蔽了，google的访问又慢。想进个后台也不容易。没办法只能放自己的服务器里了。+ F% ]5 D! F: e) I
需要几点说明的：1 d, y; c* T1 ?" C: T: o, v
<img src= width=300 height=250 />这个里面的touming.png就是个1像素的透明png文件。不要图片的话ie下链接不对。7 [- r: H$ u7 p U/ P
当然css样式是最重要的，先是position:relative,然后里面的才是position:absolute;+ R0 w2 m& p; A! `+ j" T. Z( A- M) K
后来从网上看到别人提供的一个方法，通过button按钮实现的，就是不能新窗口打开。也顺便提供下吧。如果大家发现我们的这个也不好用希望能联系我们更新谢谢。# J( l, x5 S/ @* Y4 S
xml/html code复制内容到剪贴板
( U+ K6 V( H/ P- w5 M<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > : h& i; Q; E5 J# m' ^
<html xmlns=> 3 a$ I& z& ~$ _5 `* b& o) e
<head>
( T2 l6 @& Z6 p" @2 I3 ~) t<meta http-equiv=content-type content=text/html; charset=utf-8 />
6 B* f# U: t' Z1 |; r8 i/ p<title>无标题文档</title>
" ]0 s* u1 I! D1 v+ n6 U( \<style type=text/css> " G3 J6 r3 q" z# g
<!-- / y0 ^) [+ g; H( v+ l+ N _' x5 O( R
body { 2 {; i4 Q5 {6 N8 ^! j# ^1 T
position:relative; * e( w) n8 y, ]6 S8 a8 C8 N
z-index:0;
9 I8 a! _/ a+ \3 j3 K a2 p* Vmargin:0; padding:0 7 I1 ?7 T/ _* e" E o+ ]% `' s' }0 x
} - E/ q( c5 J3 Z, H
body,td,th {
8 j2 x9 D, O% @) {color: #333333;
3 S( Y- |2 e* Z: a}
6 W, `/ i2 ~* l( c* A: L*{margin:0; padding:0}
. a- p, O& I d" {' s1 t- a! qimg{ border:0} ! ]6 t7 E: b; e- B- X7 H+ V2 D! j& L) |
#jb51{ position:relative; width:300px; height:250px} / Y1 I. g# v3 H0 L
#div1 { , w) K: K- ?' R& x3 e, w$ ?; J6 I% \
position:absolute;
. d8 i* G$ r2 v5 m- uleft:0;
1 q! ? {( L+ T2 e6 T# b" |4 Ttop:0;
$ |# U0 D9 J/ i; Ewidth:300px; ; l, R; I# q% a$ r
height:250px; z-index:-1
1 O2 I7 Z; c* G1 B+ N B# k: `# y1 j; |0 }) o4 H( P2 {
} 4 {+ v. s0 L+ [: X
#div2 {
3 a, J- ~+ ~; L" W: Qposition:absolute; ) _! o9 L( n0 ~5 S
left:0; ' U0 u* @+ }3 x/ M# q
top:0;
" B( t- u# f, h6 ]5 Qwidth:300px; 3 P3 }9 j. q( C# ?; R: Q
height:250px; 7 y3 _$ ]7 c6 P& M
z-index:99999; # e2 B1 ^0 g; }+ H
}
6 U$ d. P/ J- t& M5 g3 h( ?: J-->
. F `8 h2 P+ ~</style>
, r7 N3 G0 Z# x" D7 t5 l</head> $ ~- [( W7 j8 k# m
<body>
9 l4 k9 J4 E$ Z9 l<button style=width:300;height:250;background:transparent;border:o;padding:0;cursor:hand onclick=window.location.href='http://s.jb51.net'>
1 p' C% e6 M1 ]<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 3 q8 r& }. f% s' a8 l
codebase= width=100% height=100%>
p: K H) A% R* u2 S<param name=movie value=> . ~6 A$ t: {) @( f2 k
<param name=quality value=high> 2 Z, E/ \/ o1 J. B+ `) [( v' y* _
<param name=wmode value=opaque /> 4 S# Q0 f& @! ?2 H
<embed src= width=300 height=250 quality=high pluginspage= type=application/x-shockwave-flash align=middle wmode=opaque> ! J8 Z7 A. n2 c: `& u7 q( g/ P
</embed>
6 S S9 ^. x, D: Z4 a, `5 n! ?</object>
7 \9 D3 C8 z1 ]- A3 {" r- ?</button>
1 M5 p/ F+ C# }</body>
3 D+ j- ]( X1 q8 G# \: _: L</html> 7 i% k: T! n+ B% ~2 O
" ]- A$ b. ~' `: o8 w, r. B6 x更多网页制作信息请查看： 网页制作 |
|
拥抱AI搜索新时代！GEO优化成为企业流量增404网络资讯
GEO优化如何让企业流量翻倍？303网络资讯
GEO优化，企业抢占流量高地的制胜法宝303网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡