今天在写一个flash广告代码的时候,因为flash自带的链接,容易被当成弹出广告,所以做了一个div层放到flash上面,这样链接都是a触发的不会被拦截,但发现flash一直处于div层上面,原来flash需要加个参数才可以。% x) K2 D9 p+ \
让flash置于div层之下的方法,让flash不挡住飘浮层或下拉菜单,让flash不档住浮动对象或层的关键参数:wmode=opaque。 ( C2 K5 B9 s- L7 R
方法如下:
) a3 ~ v6 V6 d) U针对ie 在<object></object>内加上参数<param name=wmode value=opaque /> : W9 p# m( ~& t8 L
针对ff 在<embed />内加上参数wmode=opaque " n+ r! e1 p6 g% _. Y% k. d. g8 A
脚本之家使用代码:3 N' W$ i) y1 X
xml/html code复制内容到剪贴板& N [* @% w6 u6 U
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > 1 C( P7 C- Y5 G
<html xmlns=>
# F, a5 ]1 T5 G$ Y<head> . L" A5 [; C H) G; ~ v( \0 B
<meta http-equiv=content-type content=text/html; charset=gb2312 />
, ^; q0 ?+ l) l5 _; O3 S. P! \<title>22cn</title>
/ d& o, r/ h) y2 ^# i( d1 R! h5 q<style type=text/css>
w# L& e8 v, {7 P0 V% j<!-- 8 U! z' @( o3 Q7 T! `; Z' w
body { 3 X; i# U O2 L* d- W, M, _% b8 \
position:relative; ) M5 j7 A- h- i5 K, ~ k6 A
z-index:0;
; J' k1 L* {+ E$ }7 |margin:0; padding:0
b1 n' d4 p! }8 g} 7 ~, i }) `( e7 J
body,td,th { 4 I! F- u8 j2 Y, b3 q7 P |6 L
color: #333333;
+ K' l9 c9 ~2 W. y}
" I" Z9 P1 `: W3 i" ~ |# `" `; G*{margin:0; padding:0} 7 M5 b+ Y8 B1 }: j$ ]4 C6 H
img{ border:0}
/ u' ]$ `, i' e$ O#jb51{ position:relative; width:300px; height:250px} / ?3 i: z* K, N9 }' h# P
#div1 {
/ ?8 E7 }5 o2 f: h6 T% z6 d/ |position:absolute;
3 Y; R; H; T4 t- }* I. jleft:0; " \! a. j$ v6 F- j% _8 v+ ~
top:0;
) b* X; A, Q* Ewidth:300px;
. ^+ F/ d* E# N$ `height:250px; z-index:-1 7 x$ f& ~! P$ T0 |" o4 t5 y F5 E9 G
) ]3 Q0 S$ Z X: X' ^0 _# @} $ {6 H8 m4 C' f2 ~. x
#div2 { , l3 `& P+ @; D
position:absolute;
1 d3 f; n. f5 Y: Q1 Nleft:0; ) E/ W* @! d `6 c3 v' H* |
top:0;
r% F/ q) S; a) ^% O2 Lwidth:300px; 0 W. U; `. e H% M, q" E7 t
height:250px;
+ g6 b3 \# v9 O) K( yz-index:99999; " }& J; {% T" Q* B! x
} + h$ N0 O2 F3 B; _
--> ; i# N& b" q# X& H
</style></head>
! a* y# b: G9 S1 }; t i3 W4 y<body> * y/ S i# h8 d& E* ~& r
<div id=jb51> 0 V+ D/ p* A) y1 Y
<div id=div1> $ R0 g. k' A! y- g- i
<script type=text/javascript>
" ^! n2 e2 ?/ zdocument.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>');
, b) s% r; K9 s/ i6 vdocument.write('<param name=movie value= />'); 0 X. o$ G$ O. h5 o
document.write('<param name=quality value=high /><param name=wmode value=opaque />');
$ m! {( W4 }. l2 m7 z1 [( E4 Idocument.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>'); # \! l1 o# N3 g5 n9 h: P- E0 K! ^
document.write('</object>');
1 i2 O0 d1 t/ _5 I</script> 2 z& ~7 M' X0 s
</div> 2 \. \2 P( G/ _9 H/ z! r. r# n
<div id=div2>
) N) H# P! p8 e. Q$ H<a href= target=_blank><img src= width=300 height=250/></a>
; B! |% M' Z! W* k</div>
0 l4 {$ E- O: d; Y5 I: J' n</div>
$ L! v& u- I K# x/ Q5 r1 X: F: ]</body>
; V0 @; n& p+ t8 `8 F</html>
8 K' h: C& c! k8 L( x* o. h* d标准的的flash插入
3 v; e! t: K U& M- ^xml/html code复制内容到剪贴板# {- b+ h% h L! i
<!-- 标准的的flash插入
# s, Q; a, _: W* F7 c; J设置高度与宽度:
. K5 j4 J' o9 N6 X& d% ^: Jwidth=400 height=400
/ v# }; b/ m* T设置路径: : z6 S; _1 K& @0 f% ^9 J4 M
data=style/flash/001.swf 与 value=style/flash/001.swf
" R8 Q) q, ?+ i替代文本或替代图片:
S& q4 c6 H i- D<a href= title=><img src= alt= /></a> 也可以不要这段 7 ?% P) n9 E5 d# e- o8 |# J
--> : C. @* f. \) U
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400>
/ R8 _! y( O9 t<param name=movie value=style/flash/001.swf /> E( M5 a; _8 k* u+ E8 l, v
<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
9 y9 Q. ~' m3 Q. @7 |</object> + ~# P8 y7 v: Q& {/ Q
不会遮住层的flash
& J. J0 h: T C; b- hxml/html code复制内容到剪贴板
( A, K% f$ J; I" b# y6 ]<!-- 不会遮住层的flash 7 ], c. M/ r x
让flash不档住浮动对象或层的关键属性:
; c. n/ [1 B: }8 B- R/ v: x<param name=wmode value=opaque /> # X4 X& ~" P4 F' N! b1 A8 k) u
<embed wmode=opaque></embed> " [* K8 [% T' E8 ^" t
-->
% K# g% V* }% r G& o4 O9 T& C5 n<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400>
& x3 j$ u: P# D. F/ ^' k" ]2 ~! L0 ?<param name=movie value=style/flash/001.swf /> 2 ~6 @- j1 j4 x* ^8 d
<param name=wmode value=opaque />
/ ]2 D* `+ J) ], R<embed wmode=opaque></embed> 9 _9 |. w4 s9 u0 T4 Y( M
<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a> ( @: Z4 R& v, g0 n
</object> 5 J. y5 M& m6 Q- O. X ]
透明的flash
5 j& Q T/ k6 h/ _6 jxml/html code复制内容到剪贴板, e c/ u5 S% e; S; T
<!-- 透明的flash 5 X' t1 S7 l; ~
让flash透明的关键属性:
# P8 Y. f8 ~( E' Y<param name=wmode value=transparent>
/ F" e6 [* { E( m" [--> ) q' E7 P r0 o! v9 m% `
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> ' G. h5 I5 P0 E6 ~5 |& A1 [
<param name=movie value=style/flash/001.swf />
5 ~+ g% z" T. [% X# U# C5 Q/ P<param name=wmode value=transparent>
' w, |7 |2 G; f* c<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
- ] l) d$ n7 D</object> ' t. z! K3 z5 h- K$ Y
wmode 属性/参数值 window | opaque | transparent
* F3 {1 o$ I2 @! w' |" N$ d5 R模板变量:$wm,(可选)允许使用 internet explorer 4.0 中的透明 flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 flash player activex 控件的 windows 中有效。
8 Z j& p% _8 ?) Y; i+ c6 fwindow在 web 页上用影片自己的矩形窗口来播放应用程序。window表明此 flash 应用程序与 html 层没有任何交互,并且始终位于最顶层。 % [' {+ H) z7 ^+ r
opaque 使应用程序隐藏页面上位于它后面的所有内容。
) n) O$ K3 n+ `6 w G( itransparent使 html 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。
7 o% g+ M/ X5 h. R4 Y. \. fopaque windowless和transparent windowless都可与 html 层交互,从而允许 swf 文件上方的层遮蔽应用程序。这两种选项之间的差异在于transparent允许透明,因此,如果 swf 文件的某一部分是透明的,则 swf 文件下方的 html 层可以透过该部分显示出来,而opaque则不会显示。 : T9 C. U7 S! y8 b( `
如果忽略此属性,默认值为 window。仅适用于 object。 / R: M3 n+ J! S2 i: R+ p. R
! V1 T: Y; E Z' C/ P6 B
更多网页制作信息请查看: 网页制作 |
|