今天有个客户要投放广告，给的素材是flash的，虽然我们不太喜欢，但没办法，客户就喜欢flash，怕一些浏览器或软件屏蔽flash自带的链接，需要我么通过html加一个链接，要不被阻止了效果不好。后果你懂的。
; O5 w5 v+ ]0 b% Y几年前帮别人维护的时候做过，后来好久不做了，感觉太生疏了，这里特别整理下，方便需要的朋友，希望大家多多支持脚本之家。: m5 R3 _- b& J# S( i$ h% s" @6 S
下面是完整的代码，因为flash文件都比较大我们特别用iframe加载了广告：
% r9 H$ q6 v) A; ?5 z8 x+ n! |* bxml/html code复制内容到剪贴板
U" Q2 ^) h$ e( Z# U' C<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
6 O5 ^0 i0 T- a$ C<html xmlns=>
, e& ]) {+ i) L5 c<head> , g& ^! P4 i6 ~6 P4 p
<meta http-equiv=content-type content=text/html; charset=gb2312 /> 3 W7 @- O/ B/ t- m$ Z
<title>flash加链接_脚本之家专用</title> 0 A5 ?* g8 {+ K5 b+ T. l
<style type=text/css>
! d# e0 r7 K# c! s/ C. E) y9 u<!-- / l2 _1 y3 d; R9 W8 B# n6 p1 f
body { + H, M6 y" y( z" M
position:relative;
( M3 Q9 E$ A1 ?9 y- }0 Rz-index:0; ) |9 J6 f* d, A! g7 d: V3 G
margin:0; padding:0 / ~7 w* [5 X( j! c/ W1 V7 G' K
}
# Q4 w- u4 N5 X9 F0 @; abody,td,th {
+ u/ z4 s' W: C* l' A, V& ?- Z' v9 z' z' xcolor: #333333; 5 I( i! P& @; G8 _' } F, o
}
, T/ p! p$ r; I T+ {# H. {*{margin:0; padding:0}
% o; N \4 b( j1 ]+ L6 Rimg{ border:0}
0 e- I& i: C# }#jb51{ position:relative; width:300px; height:250px} # l9 M; T n6 {- h
#div1 { 2 _' M; l% D9 ]9 U# U0 z
position:absolute; ) C( d$ B0 {% ^! ]* U
left:0;
5 q! v2 }5 P# N: `; L2 p$ Ptop:0; 3 G) t- P( {8 n/ f' B H
width:300px;
" _" ^6 N/ r2 D$ B+ ?! ~height:250px; z-index:-1 8 d2 e2 l+ {4 v9 N
$ `, T; H! S7 Y& |4 S: d}
5 ^ _& ?( A1 T, t! D& r! W#div2 {
" B9 L) X7 N. L1 j" @5 J! ]position:absolute;
# Q; Z. j& {$ x; R, |' N* ~/ u3 Nleft:0;
7 j4 V1 o7 s# x1 S" _6 O Rtop:0;
6 D# Y" ?! _% s a; u6 K7 J8 Jwidth:300px; : w! ^8 R+ U: y
height:250px; 6 S9 M; y# O/ |6 e1 V5 L% m3 A% P$ V2 T
z-index:99999; K# _' f- p* f" P+ ^ p2 F7 B
}
3 B% m! Z" z4 _ Q% I#div2 a:link{ display:block; width:300px; height:250px}
! {8 J8 m" e7 u1 w% p--> " g2 ^; j8 E& T$ K" z4 a$ I: P
</style></head> / u M, M y2 g! h- {
<body>
, f" ^, [! D) p4 ^5 D3 i<div id=jb51>
' K9 [' p6 a! f6 T( z; a6 ?<div id=div1> 4 q P7 \7 B/ ?9 E: Z5 r
<script type=text/javascript> 8 r5 y% ?$ ~' b$ J: U6 g! V
document.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>');
3 f: f. e7 v+ j4 D% h7 i* i$ |document.write('<param name=movie value= />');
% r" `+ K v; y0 c4 z+ m. u, Bdocument.write('<param name=quality value=high /><param name=wmode value=opaque />'); 7 Q- B4 O- p7 b" z
document.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>'); $ L9 k7 z4 S8 j9 E
document.write('</object>'); 3 b( Y0 L$ y/ y2 @2 G9 x# n: V8 N
</script> 6 f' s+ v4 e3 u! N" w) {
</div>
: L. d& R# |( M9 G# m<div id=div2> ( @, f2 y1 \3 {: ~
<a href= target=_blank><img src= width=300 height=250 /></a>
/ T) B, G2 w: K6 R' N1 {</div> 9 h+ ~% Z( x X3 ^1 J7 \. M# O
</div>
1 O/ ` b: D: U6 C2 \" r</body> * z+ `- `2 A* e5 b" d w
</html> - j1 g! J( K. D9 q* h& _+ y- D% N/ P
现在广告管家都不好用了，百度管家停止其它物料，cnzz的被360屏蔽了，google的访问又慢。想进个后台也不容易。没办法只能放自己的服务器里了。
( |) I# i/ _/ Y2 [2 o7 a需要几点说明的：
+ M; Z8 a3 z) J<img src= width=300 height=250 />这个里面的touming.png就是个1像素的透明png文件。不要图片的话ie下链接不对。
+ G) K3 Q" n+ L$ _4 M当然css样式是最重要的，先是position:relative,然后里面的才是position:absolute;
' T& H4 G/ X, e1 k$ A+ C后来从网上看到别人提供的一个方法，通过button按钮实现的，就是不能新窗口打开。也顺便提供下吧。如果大家发现我们的这个也不好用希望能联系我们更新谢谢。
+ M1 O+ ?5 ~# ]; K3 Kxml/html code复制内容到剪贴板
; j7 f+ P+ ~! s ~$ w<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
3 ~4 r8 i/ c0 r' W i3 P4 I! m<html xmlns=>
% N5 C3 u1 r: y<head>
3 @) T& H) X2 C' S5 F<meta http-equiv=content-type content=text/html; charset=utf-8 /> 1 } R7 g2 I6 g9 \" O, i
<title>无标题文档</title>
' I. I& D. g! f" A! X4 C<style type=text/css> ' ]/ m& ~2 O4 u! I* P
<!--
v/ w/ O7 m# E% f; Zbody { 5 S& d6 r/ D& z' I& W( e2 R
position:relative; & S4 E& e, M8 ^& l2 _8 H
z-index:0; # q' ?7 b( @3 A4 a4 E6 h
margin:0; padding:0
' d: i3 c: |3 @* a7 g, y) n} 7 N' }5 K' X+ a1 m
body,td,th { 3 N" \- A6 \& {6 y' H) _
color: #333333; / w* I) w6 s* j* @9 r2 L1 y
}
: A: F0 f0 N8 O*{margin:0; padding:0} ; x, m) e$ x/ R; c
img{ border:0}
7 _& F5 N9 m3 ` Z4 y- f#jb51{ position:relative; width:300px; height:250px}
0 ~0 P; D9 N K#div1 { ) Q$ { I4 n' ?; W$ w$ r5 O. J
position:absolute;
6 k M; L" u8 J$ b- aleft:0;
, b; a9 w9 t4 W% Q8 D1 Ntop:0;
! Y! L$ d4 R& w5 n+ Mwidth:300px;
- J- b2 {5 q! g3 R+ gheight:250px; z-index:-1
+ q* T; d% Y! E) n1 Q2 O6 S7 N% w- H3 e( _ h) Y$ J
}
9 I. v6 o9 m# g+ L; }$ s#div2 { & i6 e& r( N' X
position:absolute;
, I4 y1 S) ]' h1 Q! N/ p1 jleft:0;
8 o0 ~4 N9 w: }top:0;
5 K' C2 y- E! c2 d0 w J" m2 _width:300px;
8 A. U6 U) F& P- [height:250px; ! T- J8 Z& `( J4 ], l# w
z-index:99999; 7 q. {$ Q, C6 z
}
! v4 \; ~- m. }1 [8 T+ g--> + T: t4 ]* n; D9 r
</style> 0 u: z* X( p4 O
</head> ; E, L7 {" P, [8 p$ h
<body> # ?3 a( T9 U* q/ n1 {
<button style=width:300;height:250;background:transparent;border:o;padding:0;cursor:hand onclick=window.location.href='http://s.jb51.net'> * i6 E7 V' y( [1 g/ x; L2 M
<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000
; }5 J1 R7 q6 s. d0 H( g/ ucodebase= width=100% height=100%> : j3 h9 b8 Z9 r; u7 f4 F/ ?. e7 x# t
<param name=movie value=>
4 W/ A! o9 K8 X7 E$ X) G6 d<param name=quality value=high> . F4 T3 y$ x2 S' W4 C
<param name=wmode value=opaque />
C/ Q( G9 I) o/ B/ y% e<embed src= width=300 height=250 quality=high pluginspage= type=application/x-shockwave-flash align=middle wmode=opaque>
; K9 j; l+ s/ j* m( b; y</embed> 6 A. f/ l5 ]# x3 o7 o7 _$ d
</object> + k0 U6 f/ Y$ ?0 V/ `# k2 x. C
</button> 6 e9 r1 t' L# e! E& j9 f
</body> ; Z9 {6 t) c ]6 W
</html>
. ^6 ?: a i; Z+ g: F D" f- p3 O _( h, e# I4 O3 }
更多网页制作信息请查看： 网页制作 |
|
拥抱AI搜索新时代！GEO优化成为企业流量增404网络资讯
GEO优化如何让企业流量翻倍？303网络资讯
GEO优化，企业抢占流量高地的制胜法宝303网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡