今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。
1 ?. o% n. u4 ]+ L' G+ z1 _+ @" Q. N让flash置于div层之下的方法，让flash不挡住飘浮层或下拉菜单，让flash不档住浮动对象或层的关键参数：wmode=opaque。 - Y9 x$ k7 N0 c! \/ r$ h
方法如下：
' n8 C3 |% O3 G4 A1 u ~/ R, T针对ie 在<object></object>内加上参数<param name=wmode value=opaque /> ! p) f7 k) O1 X- S* d l5 d
针对ff 在<embed />内加上参数wmode=opaque " N# s! ]+ h; J* F
脚本之家使用代码：& F& A; f- K0 `3 {9 K- Q
xml/html code复制内容到剪贴板' D6 l5 G. e- ]- j1 i u# f* Y
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
6 d: x# }: [0 A- t0 g/ d2 ~<html xmlns=>
! w) p( U+ D' v" A+ f<head> ; _7 V2 T& A. Q$ n8 p
<meta http-equiv=content-type content=text/html; charset=gb2312 />
A% h: F% d m1 u; s<title>22cn</title> ' p; T5 ?8 Q, I! F) j6 P1 D
<style type=text/css> & ?- n2 Z/ R" O9 V" Q4 K2 N0 z
<!-- " e2 p! d3 l4 [ b+ d# }; O1 \
body {
5 \! C# [. d& K7 Eposition:relative;
$ f! g! U3 J2 I! Xz-index:0;
& s' C" n# c0 dmargin:0; padding:0 W8 Y$ \3 G( E9 O
} / x& `0 M* ?/ y- i
body,td,th { 9 \2 v6 Q5 j3 _9 u4 q) X
color: #333333; 1 s% y: r5 w9 [6 U
} 0 m& I1 T# M. e; D
*{margin:0; padding:0} ' @4 [) o; M+ ] \% B
img{ border:0} 0 L5 ^* U. }1 \/ @% g+ o0 F
#jb51{ position:relative; width:300px; height:250px}
5 V- k3 p* `2 d. @: m5 ]. I! M, I8 A#div1 {
0 {+ s% ?' }: M9 y! }* V: F- Hposition:absolute;
& g! ~- V v/ X7 ?# x- j5 x" j sleft:0;
; V9 V. K, E7 {: D* Vtop:0; $ h" W2 }- ?9 \6 D' q
width:300px; ' q/ y' f5 L: t, _4 V
height:250px; z-index:-1
9 f2 Z) s k D: x# {) p6 n9 X# G5 _
} ( y; _7 e A% L% f
#div2 {
]# |$ r% s; B/ E" U7 Yposition:absolute; ' W6 s7 z3 B$ v. j
left:0; 5 Z8 B4 n1 U% B0 N, Y+ W
top:0; 9 F& R" B5 f# {. o
width:300px; w1 p8 {' z! B3 H' F7 p1 g
height:250px; * x4 |1 `$ z, A0 A/ s
z-index:99999;
" l6 R% ?4 {1 b7 }}
+ g @ I( T. e--> - ^7 Y: Q3 \ U' s1 T
</style></head> 1 ^& @ {: C7 H5 O
<body>
, Z: H2 i* ~) _$ D: L! f<div id=jb51> l4 h. L5 h; V4 c
<div id=div1>
* o: @ T5 c' {<script type=text/javascript> 5 t* R! t1 s0 N6 K% |) O4 a
document.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>');
7 J+ L: k/ d; c f) T% B4 Ddocument.write('<param name=movie value= />');
K; W9 @% h8 @( C2 V9 Wdocument.write('<param name=quality value=high /><param name=wmode value=opaque />');
4 l9 |4 N6 Q- j# \. Z& W, K2 Ydocument.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>'); 2 |. g7 J& K4 d3 s2 _7 \4 {
document.write('</object>'); - T6 p4 M/ S4 n& r
</script> E+ a7 A6 @$ ?! Z/ P' J* g! e" [
</div>
" P5 |2 }* k( Z% w<div id=div2> - o; b9 y3 M9 D/ A
<a href= target=_blank><img src= width=300 height=250/></a>
9 K. J& a8 |; |5 {& s+ w9 l</div> / H% T( w" X* Y4 I& c+ m( i
</div> 9 b" d0 h7 Q- U" h
</body>
. J+ g" t U7 q4 @3 O</html> 4 D7 t1 f) z# X( h* ~2 z
标准的的flash插入
/ s0 K' l( x3 Z, Oxml/html code复制内容到剪贴板
/ e- k' D" d! u# c! Q2 Y<!-- 标准的的flash插入 6 \" Q; k# A. d2 N. A
设置高度与宽度：
, @- S) x" f {7 C5 ^/ Dwidth=400 height=400 3 Y$ Z7 t" Y5 J. ~
设置路径：
; r Z" X# n' Y9 F8 s; Ndata=style/flash/001.swf 与 value=style/flash/001.swf
; O6 x; C) L# @替代文本或替代图片：
1 R' U5 |/ J8 f) P<a href= title=><img src= alt= /></a> 也可以不要这段 ' R& ]+ `1 W6 k! U! U
--> 2 ]/ B0 }; f& |, V6 R
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400>
1 y% W0 K3 W0 x4 w<param name=movie value=style/flash/001.swf />
, H7 u9 Q8 M+ E9 X! h<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a> : f- F- t* r J7 t/ f
</object>
5 u5 h4 R0 W; E: d) H, U* B. X: x. j不会遮住层的flash
j' A4 H8 d( ~, m6 v$ x1 dxml/html code复制内容到剪贴板
, r5 R' F$ \, q5 M<!-- 不会遮住层的flash 8 G; b) q# K, z" d3 h# ]" T
让flash不档住浮动对象或层的关键属性：
, r: F" V2 t! V& b% j0 g<param name=wmode value=opaque />
8 `$ J9 X$ M' |8 `3 q<embed wmode=opaque></embed> 6 c# T, ^! H: K7 B, L) c
--> ( H" l, u, d, u; |' l
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> 4 O1 Y8 R6 J- z4 q
<param name=movie value=style/flash/001.swf /> 9 i t, k/ {& M& R4 q' C
<param name=wmode value=opaque />
{3 e% i$ l. K) u# u0 Q<embed wmode=opaque></embed>
8 D& {3 n( g3 C9 l3 ?7 W<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
' a) M6 }4 p4 m! Z4 q</object> - w4 [8 W$ _1 T7 q9 \
透明的flash
6 b' g5 c- _( B3 w) S# y, C, u1 jxml/html code复制内容到剪贴板, A4 u9 [8 E$ \" t
<!-- 透明的flash
$ W) p6 E+ r Q# A+ _" ]让flash透明的关键属性： 1 p& ~" x/ Q- k6 S' l& a3 V$ ]
<param name=wmode value=transparent> + T" ^0 u; o0 i5 z/ W0 O
--> : q+ W% c/ }0 n0 C% L9 f( T& ~5 f
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> 4 ~' Z/ A& H4 i1 a# v0 ^( w- q
<param name=movie value=style/flash/001.swf /> " T5 @- `# k+ E
<param name=wmode value=transparent> 2 u" |9 g p9 E2 E* K' u
<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
' H( B' d. {4 v# Y# w+ ?7 L7 e" W7 ^</object>
2 [, P8 m) r5 [2 E xwmode 属性/参数值 window | opaque | transparent ( q! A/ _( s3 p5 p' r6 a1 B
模板变量：$wm，（可选）允许使用 internet explorer 4.0 中的透明 flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 flash player activex 控件的 windows 中有效。
8 |- p. u/ X' P; Owindow在 web 页上用影片自己的矩形窗口来播放应用程序。window表明此 flash 应用程序与 html 层没有任何交互，并且始终位于最顶层。 9 V; v" a* h+ r# o5 Z
opaque 使应用程序隐藏页面上位于它后面的所有内容。 0 N, E- {* x; g$ n& K+ E& @/ C5 p3 B+ I
transparent使 html 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。
9 z* H; a# A7 w+ I8 I: r$ Hopaque windowless和transparent windowless都可与 html 层交互，从而允许 swf 文件上方的层遮蔽应用程序。这两种选项之间的差异在于transparent允许透明，因此，如果 swf 文件的某一部分是透明的，则 swf 文件下方的 html 层可以透过该部分显示出来，而opaque则不会显示。
( y9 o9 Z( r+ p3 Q/ B如果忽略此属性，默认值为 window。仅适用于 object。
" j" T2 m0 G5 M8 o' p: `3 X2 _, [3 ?: I3 c( H$ P
更多网页制作信息请查看： 网页制作 |
|
拥抱AI搜索新时代！GEO优化成为企业流量增505网络资讯
GEO优化如何让企业流量翻倍？404网络资讯
GEO优化，企业抢占流量高地的制胜法宝404网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡