今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。
, k3 P+ L/ Q6 F7 b1 k6 @ ~( Z让flash置于div层之下的方法，让flash不挡住飘浮层或下拉菜单，让flash不档住浮动对象或层的关键参数：wmode=opaque。
0 s$ r9 E) S( Z& i9 p方法如下： + j6 A; Z9 D& H" t# A. F* {
针对ie 在<object></object>内加上参数<param name=wmode value=opaque /> 6 t/ G. p6 u8 Q! w5 g1 P3 i: y. z
针对ff 在<embed />内加上参数wmode=opaque
& E9 a2 Y' r& |# w4 @脚本之家使用代码：, b5 g* \4 f# }1 z ?8 @
xml/html code复制内容到剪贴板
/ M' O/ c8 A0 [( b; e<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > * z/ d; T, u/ c1 G* f% y
<html xmlns=>
, }/ f. a% G1 j r9 E3 q, i( M<head> 4 |/ f i( F# }) d. W' o; I
<meta http-equiv=content-type content=text/html; charset=gb2312 />
% o: G& {6 j7 B7 ^<title>22cn</title> 3 [( H% t8 d1 \& `' M% M, T
<style type=text/css> , J) [! W# W c* D1 x/ D
<!-- ) L! z( ^, B. R7 L2 t$ m, ]
body {
; j Y5 [ W7 j/ I- l" `# K) K3 ^position:relative; / C% }9 U" `( g3 [( d& z
z-index:0;
5 _& t- ^8 ^# t# r( I2 Rmargin:0; padding:0 & F' R# W7 }6 c0 @
}
( Z6 U7 G0 X! B+ [! p" P O" z6 }body,td,th {
" j p! i5 Q- u! E! r$ f' fcolor: #333333;
* O- u9 W& \/ P/ ?' n1 ]5 e}
% S% Y: o8 `" g, n*{margin:0; padding:0}
4 A' t) Q6 L: U: W, L& S( Zimg{ border:0}
7 s' j6 ~6 ~* J. u6 l6 B#jb51{ position:relative; width:300px; height:250px}
5 u6 ~- h/ v( B8 Q% N, O#div1 { + n! B2 k: j; |) ~2 I4 S! P
position:absolute;
- F( y3 f" X2 I2 s( Gleft:0; % v; r' Q6 M; ^- C1 D, P( v; y
top:0; / C2 C; }4 Z8 Q7 I
width:300px; 5 y4 ~$ p6 p# ?( I8 P* b& h S1 ?; A
height:250px; z-index:-1 ' w, K. f2 F, q4 @0 i
7 ^; z% w/ Q6 }% y}
* D9 {% Y) R6 G4 [$ @) f! p#div2 {
3 J+ A, |/ x/ q" e xposition:absolute;
7 y0 d* A, B1 p+ {! ^left:0;
2 n; W5 B9 E: J0 ]" ^5 R# wtop:0;
$ a2 @1 |7 n \3 pwidth:300px; ) p8 c- g' K9 t2 N, y
height:250px;
2 T/ x c5 |5 j& f0 lz-index:99999; 4 _/ m: t/ w. ^
}
% L8 Y8 p' u8 Q0 b) L+ A-->
* \, w. V" }8 p8 x% ]</style></head>
# x n: l0 n5 ]<body>
' w8 \/ N1 f# m* j<div id=jb51> 8 Y% n3 W; D. Q. E x
<div id=div1>
) Y2 z4 R8 j% Q2 I( y. D<script type=text/javascript>
* I: E9 B m# d: `" U3 Bdocument.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>');
4 s% E" r+ D, A2 Z7 I; A) ?document.write('<param name=movie value= />');
% ]5 b: r1 }% d+ ^+ Vdocument.write('<param name=quality value=high /><param name=wmode value=opaque />');
( b7 P' M8 t4 ]* \0 xdocument.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>'); ) s: M- n# B& Q5 W* g$ {
document.write('</object>');
9 u$ U- v! z$ `3 l6 `( C) b* h# F</script>
: |7 L. w% X X3 U! v) T</div> . `# x& _) Z! _( X0 |, p
<div id=div2> ; Q) ~+ D" U- l* E3 i- g7 ~
<a href= target=_blank><img src= width=300 height=250/></a> - c% @8 V$ s! w9 g! r2 w- W `' x
</div> 0 M. i4 S i9 w& N( I
</div> & L, v& z2 t4 m. u. d7 r
</body> 3 y* a6 g! _; w# { c
</html>
6 r. `& K$ w/ f标准的的flash插入1 J0 x/ T7 Q3 W
xml/html code复制内容到剪贴板2 E( [! l& l e8 c+ f3 @7 ~
<!-- 标准的的flash插入 - F8 M" c- ?+ ^6 m6 c K
设置高度与宽度： 3 U, b) K, O; O4 ^* H( ~
width=400 height=400
% u' `: A/ W3 M设置路径：
, u$ S# Y- e d# m3 u7 P1 g4 y- Y* r8 ~data=style/flash/001.swf 与 value=style/flash/001.swf
4 V) n! P$ \3 G1 N替代文本或替代图片： 2 @' f' M% g# ?! k/ m' O
<a href= title=><img src= alt= /></a> 也可以不要这段
0 o8 w! L$ L: g/ h2 j( V--> / }2 }8 W R" ] b
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> # U: U7 r1 N* o a
<param name=movie value=style/flash/001.swf /> 0 Q7 @2 u7 R; t& l2 ?
<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
, r4 L5 y6 u7 A! ]& v7 K5 L</object>
# W/ q- g! P& _. z3 R不会遮住层的flash0 X1 S, c, ~3 [; R+ f) K
xml/html code复制内容到剪贴板
0 d4 x5 M$ G* r8 D! x; |0 H# w<!-- 不会遮住层的flash
' k/ S- C. X" R让flash不档住浮动对象或层的关键属性： , N8 z& F3 }0 h" `
<param name=wmode value=opaque /> 2 c" s C0 r: P- ~
<embed wmode=opaque></embed>
6 O1 I) e: h# G" a4 q6 C' _( d--> . N# w! A. @3 u. R
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> 2 p3 k& |6 X& W' j* b" S
<param name=movie value=style/flash/001.swf /> . Q# p! S9 b) {2 } S
<param name=wmode value=opaque />
2 Q' u: k3 |% U _6 H<embed wmode=opaque></embed> % M, G3 C x. P t4 v
<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
" L! S5 n3 O/ p* C</object> * |. j+ t/ A0 l n2 ]$ f
透明的flash& A7 u$ Q, q5 X x3 A( [
xml/html code复制内容到剪贴板
4 e# y/ v5 i7 p1 P- z& }3 u<!-- 透明的flash ' q- ]& }. v1 S, c8 T$ |8 j8 h& D
让flash透明的关键属性：
& g: r4 Z: L- W( T, C; s4 f<param name=wmode value=transparent> 6 T, a( t* o1 e
--> . T1 m3 Y; X/ W9 S0 M
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> 9 g# C: N4 b) d& i' H
<param name=movie value=style/flash/001.swf />
6 j7 e9 u2 s( v1 e/ s d6 t<param name=wmode value=transparent> 8 O. t2 e& J, u. F- ]3 \
<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
6 y. Q* }6 j: i7 e: g6 g* i% W</object> ; j- c; H0 T- }% ?2 V1 f
wmode 属性/参数值 window | opaque | transparent " n: C: d/ u. e
模板变量：$wm，（可选）允许使用 internet explorer 4.0 中的透明 flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 flash player activex 控件的 windows 中有效。
, o' W4 R3 L( ewindow在 web 页上用影片自己的矩形窗口来播放应用程序。window表明此 flash 应用程序与 html 层没有任何交互，并且始终位于最顶层。 : B" }( ^, h) A- A: M
opaque 使应用程序隐藏页面上位于它后面的所有内容。
9 w" S" \' T- ttransparent使 html 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。
% {& ~; H: P' w d- e8 ?5 r" G7 Aopaque windowless和transparent windowless都可与 html 层交互，从而允许 swf 文件上方的层遮蔽应用程序。这两种选项之间的差异在于transparent允许透明，因此，如果 swf 文件的某一部分是透明的，则 swf 文件下方的 html 层可以透过该部分显示出来，而opaque则不会显示。 + H5 ~+ z5 W9 h9 D- f
如果忽略此属性，默认值为 window。仅适用于 object。 ! r0 R+ W/ E. w( m9 W2 q1 }
$ s# N8 s8 r- g e更多网页制作信息请查看： 网页制作 |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
