今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。* s) d% k6 j4 z& m: q- f
让flash置于div层之下的方法，让flash不挡住飘浮层或下拉菜单，让flash不档住浮动对象或层的关键参数：wmode=opaque。 * K" N) @" C f# C" D
方法如下：
2 u3 q; ]. _+ `$ k# [1 E# r针对ie 在<object></object>内加上参数<param name=wmode value=opaque /> & e" l; S, E! B6 }* t
针对ff 在<embed />内加上参数wmode=opaque . l7 ~3 ` @3 k/ U1 q, c
脚本之家使用代码：
( F. r* s) J0 t" r9 X: H% zxml/html code复制内容到剪贴板; I9 a; R3 H6 K% z/ @4 Q, g: y
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
* _/ ^6 H) U9 K. X) o8 i- Q# R8 m<html xmlns=> 9 o2 H( C% b' i6 G5 Q! n! {
<head>
5 W, I# h! _' P<meta http-equiv=content-type content=text/html; charset=gb2312 />
1 _3 r0 h9 y! M1 u9 U9 U! G<title>22cn</title> & _ I2 i1 K( u' u* o& c6 Y% Z, `! m
<style type=text/css> 2 D3 f* b8 G$ s. c2 }1 R' |
<!--
a5 U( |7 C0 ybody { Y: U* v$ X2 P$ L# t( ~6 e1 ?
position:relative; $ R2 P' w3 d1 K; ^4 V
z-index:0; . |3 X% E5 D h r0 [* V. H0 u/ N
margin:0; padding:0
5 `$ J9 k$ s( ~# |}
3 P/ S/ j( u c5 C1 a& ubody,td,th {
& r3 T6 l; e. p6 v* E9 @5 \2 Ocolor: #333333; ! Z, R1 {) G1 X( z \
}
, |3 G$ I8 o# I5 t* \ @* @3 E# u*{margin:0; padding:0} # @. t) U/ B7 j
img{ border:0} 9 i' q% {' J: {# ^$ S2 }
#jb51{ position:relative; width:300px; height:250px} + d7 a5 S" U2 O) r: h
#div1 { ' @9 b8 Y0 g4 P( m* \! j6 p
position:absolute; 8 l0 |& Y( B7 J M( G. o
left:0; 4 z; Q# C V1 \* g* m* Q, O
top:0;
: \5 i0 ~( ~7 B2 x& g& C3 h' A1 pwidth:300px;
* G# v+ a+ X1 P% ]height:250px; z-index:-1
2 i' q Z5 h4 \* ]
8 z/ M$ q; z' \' T8 U}
. m+ H7 S0 F, M/ m- {8 E#div2 { / l# h$ Z* { D- x
position:absolute; ; m0 y0 L3 N) a [% m; h) g, ~8 ^
left:0; - r# j/ U" p! R- T. Z
top:0; 3 t" |% |+ {( }$ s' w
width:300px; . l7 g. ?* R* b2 P, G
height:250px; 1 i9 F& [# `2 w( T5 E- r& C) I" d1 T, n
z-index:99999; + b7 ^; @0 u& x- x& \
}
! Z6 s2 U) A1 }' ] d' C-->
1 }. C0 Y5 E6 U9 s6 k' @7 `" m</style></head> * t5 }: n1 E4 G4 `4 S
<body>
2 M' Q5 h$ S8 B, Q+ p<div id=jb51> 1 j7 K+ L: H% S- D
<div id=div1> $ r9 \3 k$ L( U1 w& Y2 x9 [9 V+ ^/ v
<script type=text/javascript> % T! ~$ J+ {; \( Y) y
document.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>'); + O- r7 T7 B) M1 v9 q
document.write('<param name=movie value= />');
1 ^% B- {. T/ e8 l* Q$ f$ A Qdocument.write('<param name=quality value=high /><param name=wmode value=opaque />'); 8 B& ]' K" E0 o& z. L- F
document.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>');
G$ K: u& v' o- z/ qdocument.write('</object>'); - O }8 ?1 V% v1 ?& G
</script>
5 I- |! g* [ I X% J</div>
g- h% g. C) y* G<div id=div2> ! [/ h5 G9 h, ~$ C2 z' @( b! [
<a href= target=_blank><img src= width=300 height=250/></a> ~' \1 b8 j# H3 R1 x4 g
</div>
$ z0 M1 a3 {# o, ]</div>
0 M. \! a T# [; y) v6 f2 I</body> - N1 _- i/ t% B$ q& t- N* y1 P4 i
</html> 6 }2 h! M, u3 }% @( Y. d: z: T! f
标准的的flash插入* l' S& o; S6 r1 G+ ~
xml/html code复制内容到剪贴板
* w; u! i& T" _/ u<!-- 标准的的flash插入
& ]* @% M. M, b4 u; k设置高度与宽度： $ y3 s0 T- y% {. w+ s' B- C+ k& f
width=400 height=400
/ @0 n) ]/ c* M$ R设置路径： $ T: F! I: K0 t
data=style/flash/001.swf 与 value=style/flash/001.swf + r# P. T) D6 s- J
替代文本或替代图片： 6 k% V' e o! E9 r/ Y
<a href= title=><img src= alt= /></a> 也可以不要这段 0 D1 R+ g3 a: n+ ~4 @% O% ^
--> 6 F8 U: \5 T; m j( G
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400>
+ w' o( `$ V- @/ q+ h<param name=movie value=style/flash/001.swf /> + h9 C; w/ r5 c5 t# e- Y
<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
, C1 R) K1 u, i</object> 7 H9 w$ X: C! j# y
不会遮住层的flash0 M }9 ]1 W$ u8 c! }
xml/html code复制内容到剪贴板: B( L2 S- L5 c, r. V A% v
<!-- 不会遮住层的flash 1 Q% t2 L& g0 m1 e
让flash不档住浮动对象或层的关键属性：
: q+ X5 u( ?: H* z; @! @: y<param name=wmode value=opaque />
4 I% \- l! w `7 N/ X2 p<embed wmode=opaque></embed>
4 R' ~% t% {" U! f, a) i-->
% K' q9 }0 j- T3 a0 ?2 n+ \& y1 f2 X, Y<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> 8 ]( D/ @5 D2 W" W, e! Y2 p" u# e g
<param name=movie value=style/flash/001.swf />
8 b& M& A7 g( i* ?: M4 w<param name=wmode value=opaque />
) {' S0 [: D1 y m6 u3 I<embed wmode=opaque></embed> b2 k# h0 q) z/ r/ x
<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
- I( I! A$ a3 _" ~4 q# r" m</object> 6 X6 d4 T3 j h9 V+ u1 R1 ?
透明的flash
( Y: Z- A \) u* E T mxml/html code复制内容到剪贴板
, L$ R5 ^! O+ Z) T+ e9 f6 N<!-- 透明的flash $ K; |0 n [- h, l! j+ W1 N0 `, P" g3 I
让flash透明的关键属性：
) v- Z/ Y' O: K* N6 |, o; i<param name=wmode value=transparent>
$ f1 q2 x: B$ Y4 F) y' v--> $ Q, @- e" g. ]; e
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400>
, M0 J: l; c) ]: C- H+ h<param name=movie value=style/flash/001.swf /> 6 j9 w" q+ [! e
<param name=wmode value=transparent>
3 ?9 |' `6 G% P) v<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a> 3 R- B, d2 L& h. v, T/ z0 R
</object>
b/ F& \% P* a# Z; O# l+ d$ d% Hwmode 属性/参数值 window | opaque | transparent 7 K* P. }0 ]4 ~9 F& h
模板变量：$wm，（可选）允许使用 internet explorer 4.0 中的透明 flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 flash player activex 控件的 windows 中有效。
' i2 F7 ^$ z9 O' ywindow在 web 页上用影片自己的矩形窗口来播放应用程序。window表明此 flash 应用程序与 html 层没有任何交互，并且始终位于最顶层。
2 d& f+ d- y$ K ]opaque 使应用程序隐藏页面上位于它后面的所有内容。
# _" z4 L! l+ ?transparent使 html 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。 % P: o4 w( c8 N# M4 B) t+ G7 c
opaque windowless和transparent windowless都可与 html 层交互，从而允许 swf 文件上方的层遮蔽应用程序。这两种选项之间的差异在于transparent允许透明，因此，如果 swf 文件的某一部分是透明的，则 swf 文件下方的 html 层可以透过该部分显示出来，而opaque则不会显示。 7 r0 p* Z) w j% ^
如果忽略此属性，默认值为 window。仅适用于 object。 # f" u3 u+ \! Q. C& e8 |2 V4 p2 L5 C
* P7 _3 j- x2 M& y更多网页制作信息请查看： 网页制作 |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
