Google
      
发新话题
打印

[教程] 如何制作透明FLASH

如何制作透明FLASH

透明Flash的使用方法: " d, ]5 Z" a) V, {: f, }. H: I
在插入flash的代码中插入<param name="wmode" value="transparent">即可实现flash背景透明 7 m6 _. a3 l% f; R
如:
4 j( S# x8 M2 }: u( ~8 q6 a<table width="605" height="136" border="0" cellpadding="0" cellspacing="0" background="http;//www.dabaoku.com/flash/images/logo5.jpg"> <!--设置单元格背景为图片背景(当然要放一个好看的了) --> 2 L& m( c* q/ ^. M( N+ K" ]+ Q% D
<tr>
4 w' T# s6 Y6 m; ^: y<td><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="605" height="136">9 P3 p" l+ E. }( `" b) e* v
<param name="movie" value="http://www.dabaoku.com/flash/flash/132.swf">
) X' Q7 W# O; _/ w% g3 _5 n<param name="quality" value="high">, R( V; ^2 |9 e1 \0 U5 e7 S& g& i, M
<param name="wmode" value="transparent"> <!--这里代码可使Flash背景透明 -->
+ _; q" _  p, z- Q* x1 f0 M) V: ]3 I
<embed src="http://www.dabaoku.com/flash/flash/132.swf" width="605" height="136" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>1 a# y+ f  a, o2 Z: r
</object></td>' t! o4 R' A3 n" b  v
</tr>8 F/ j; q( j. `7 P3 h/ _* U, o& T
</table>
" e0 ?9 K0 p, ^' l  }3 O以上代码适合dreamweaver插入的flash代码
; ?. c( \5 O) P如果是在frontpage插入flash代码设置如下: % }1 t2 K$ b( V4 L; U4 P' ~9 ~
<embed src="http://www.dabaoku.com/flash/flash/132.swf" quality=high width=605 height=136 wmode=transparent type='application/x-shockwave-flash'></embed>
+ L* P- c, h& g- y- w) H<!-- wmode=transparent这一段是设置背景透明--><IMG border=0 src="http;//www.dabaoku.com/flash/images/logo5.jpg"></FONT></P> <><FONT color=#9222dd> </P></FONT> 2  透明flash制作方法代码
7 q% N, O  p/ s( D5 b8 w5 E. ~<embed style=“LEFT: 5px; POSITION: absolute; TOP: -20px“ align=right src=“透明FLASH地址“ width=900 height=535 type=application/x-shockwave-flash wmode=“transparent“ quality=“high“>
' s- w  x3 I9 x; e( Z6 O[/td][/tr][/table]

3 在Dreamweaver中实现flash的透明背景

b]【编者注】 我们经常收到一些初学网业制作的网友提出的问题,很多问题其实很简单,只要动脑筋想一想就可以解决了,但有的网友不喜欢多思考,一遇到问题想都不想就直接去问别人,这种学习方法可不太好。而本文的作者学到一种技巧后,他发现这种技巧在两种环境下显示的结果不同,这个时候比较两种环境中产生的源代码的区别无疑是解决问题最好的方法!他也正是这样做的,并最终解决了问题。本文涉及的问题并不算太难,但作者发现问题、解决问题的思路却很值得我们学习!
5 z9 l" s% C( S: m& @
# O  j6 D3 P- c   首先忠心感谢凌宇5942给我的帮助!在他的启迪下我发现了另一种实现flash透明背景的办法,愿与大家共同探讨: ! v8 R: e0 N3 U" W! a

" l2 m- ~4 s: A. p   凌宇5942告知的解决办法:在flash的html发布选项中选windows mode/transparent windowless,发布为html,插入网页就可以得到透明的flash的效果。 & M! d6 `5 r: C: l

& O+ N6 u3 S* Y5 o4 e: P) e& x5 G   不错,照这样的办法去做,便可以发布出带有透明flash的html页。但是它存在一个问题:所发布的flash动画只在与其同时发布的html页中显示透明效果,而如果用dreamweaver新建一个文件,再将其插入页面中,保存-->>f12预览我们会发现它又是不透明的了!这是怎么回事呢? # H' c1 _2 N) F- a

- V8 M* u; r3 l* W+ i   我仔细比较了用flash发布的html页和用dreamweaver制作的带有flash 动画的两个html页的源代码:
9 w( a" q* r8 ^) q3 o! s$ d( E' M7 I' T/ I% m: O- a2 i, A
1.用flash发布的html页源代码:
0 `) L1 H3 _. R- f
7 R! l" ^% a$ a" X6 y+ K: M<HTML>
7 h  m' ?8 E, ~3 @  i: {; c" x<HEAD> 5 x$ v5 ^6 v. J" W5 O# X  `2 V$ I# _
<TITLE>Movie2</TITLE>   E2 s8 g  H- T
</HEAD>
$ }4 d7 G- I4 O$ g' R<BODY bgcolor="#000000"> / L0 G; ]/ ?# @: \
<!-- URL's used in the movie-->
9 E' E4 I+ U( f% f% y/ G' Y/ ~2 ?( h<!-- text used in the movie--> 4 {) F2 B! P% V0 ?) {
<!--fdsaaaa aaaaaaa -->
+ X; I5 |9 F$ h. x. ~1 Y) {: S
% T5 H, n3 R/ y8 s
/ c/ ]$ |$ U9 J4 o4 X) H) r- ?* F<OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" " P- t- L+ }# j; P5 Y
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash
% E- @# u+ o9 {: v) K+ h/swflash.cab#version=5,0,0,0" , F  G, @  ]! V# [/ u
WIDTH=550 HEIGHT=400>
/ |: k* _' _$ s$ l3 l$ P; M" ^<PARAM NAME=movie VALUE="Movie2.swf"> , w/ H3 k3 q0 j. L& `; q: \
<PARAM NAME=quality VALUE=high> # c7 O+ f" Y- u! ^8 H& A. p0 g
<PARAM NAME=wmode VALUE=transparent>
9 M, V& j+ P2 Y& M% U<PARAM NAME=bgcolor VALUE=#FFFFFF> <!--用flash导出后将背景改为黑色,其目的是便于观察透明效果-->
) l( h% w# t; d<EMBED src="Movie2.swf" quality=high wmode=transparen t bgcolor=#FFFFFF WIDTH=550 HEIGHT=400 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version ) r. {# _% C; ]
=ShockwaveFlash"></EMBED> * v' q6 U- |. _
</OBJECT> / x2 H0 X* Y. f& B- H: v

8 [3 Z5 Q: f0 ~: y. q" g; ]) `</BODY>
; l& W8 M- t6 o/ Q6 x, a2 `</HTML>
$ M* ]5 C% k/ I) N/ F, Y, }# C" j
[/td][/tr][/table]7 b- V5 Q" e  A& m: Y6 I; `
2.用dreamweaver制作的带有flash 动画的html页的源代码: 1 `9 \! R8 A. k! _. w1 R9 t- O

2 |3 R1 u  f3 i9 {5 n3 t8 G/ l9 \[table][tr][td]<html>
( l2 K8 t6 P7 S  M<head> 3 U- f& p; D! T) j- G
<title>Untitled Document</title>
. z  H$ X0 J5 f% H4 c/ x<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
* c2 u: l2 m& p2 C</head>
6 V) P2 x4 Y5 \; j( `7 v
+ u3 `, k1 R. p$ ?2 t, A0 m! a' x2 X% z' F
<body bgcolor="#000000" text="#000000"><!--背景亦为黑色,其目的是便于观察透明效果--> : F; A  h: s% n4 P2 N' A
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash
- ?2 m# V2 C6 o" u: }/swflash.cab#version=5,0,0,0" width="550" height="400"> " a& f3 ]: h. t7 ~/ ^) w9 [. R
<param name=movie value="Movie2.swf">
" K+ q2 F3 ~- t, N' S<param name=quality value=high>
  i. j7 P# N4 [5 s: ?9 T) v<embed src="Movie2.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version : W7 I6 ?: Q+ F' ~5 C
=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400">
0 f* H' J! y% d4 p</embed> $ q# V, T: l# S; J( [
</object>
- B% C, E7 g: c$ a; q! p5 [6 u! o  S( \. V5 x' \8 |0 ?8 x# I
</body>
+ j& k- J/ A! ^# c6 f: M4 `3 A</html>    请仔细比较分析两段代码的<object>标记中的<embed>标记,我们发现其中的不同之处:前者有参数wmode=transparent而后者却没有,这就是影响flash是否透明的关键之所在!
- w8 N7 {0 l3 S& E
2 _! g+ z' [3 h4 T) B' c   请想一下dreamweaver的有关flash的属性面板,是否对parameter有印象呢?大家是否知道它的用处呢?
. I9 K, d9 a% O$ L+ E  E6 \: r$ p- `, s: X
现在让我们用dreamweaver来做透明效果: : T6 M( Z- O0 X$ M+ F7 |+ q( j

; g5 }2 m1 m: K" O, _, {" V% s   选中刚才已插入的flash动画,右击鼠标选择properties调出属性面板后,再单击parameter按钮,在弹出的对话框中点击加号图标,在左侧的parameter中键入wmode在右侧的value框内键入transparent点击ok,按f12进行预览,ok!我们所要的透明效果就出现了!
) }: L# w# Y( ~: l% ~; O1 r+ O7 n* G# m( u
   先不要激动,我们把这一技巧推广,它是否能对任何的按flash默认设置(即不对windows mode/transparent windowless进行修改)的动画都奏效呢?经过我的实验证明它是普遍试用的。也就是说在dreamweaver中插入任何一个flash动画后,对其进行properties→parameter→wmode→value=transparent设置都可以实现flash的透明背景效果。 % W8 P0 f8 d) V* i) ^

7 f4 ]7 L3 O- c   其实关于dreamweaver中flash动画的parameter除了wmode外还有很多种,请大家在以后的学习中多注意,多交流!
如果你说我不爱你,那就是你在撒谎

TOP

短信猫VB开发包--【惠通短信猫】

JAVA GSM MODEM 短信接口-【惠通短信猫】【惠通GSM MODEM】【惠通短信服务
& R4 L5 i( @5 O/ L5 k0 G) A  A2 ^器】【惠通短信中间件】* B; j; i5 ]( N3 |1 P: j5 Q
JAVA GSM MODEM短信二次开发包--【惠通短信猫】【惠通GSM MODEM】【惠通短
2 u' v0 f" ^( D0 E信服务器】【惠通短信中间件】2 `* y/ W( V, t9 i, g2 X/ N: e
GSM MODEM 短信猫JAVA二次开发包--【惠通短信猫】【惠通GSM MODEM】【惠通
6 i- J9 ^5 i8 `$ w3 f4 `短信服务器】【惠通短信中间件】
+ b# t7 X0 `8 N, P0 g9 {JAVA GSM MODEM短信开发控件--【惠通短信猫】【惠通GSM MODEM】【惠通短信
. R! n4 D/ r% ^2 p) r服务器】【惠通短信中间件】# h# \5 [# D2 i
JAVA GSM MODEM 短信开发包--【惠通短信猫】【惠通GSM MODEM】【惠通短信服& q0 @* B" k# ?' N- F/ V
务器】【惠通短信中间件】
4 H6 p5 Q2 o" W% T: V* H  W6 XC# GSM MODEM 短信接口--【惠通短信猫】【惠通GSM MODEM】【惠通短信服务器/ Q+ [* o* Z+ ^
】【惠通短信中间件】+ }! X9 I" {/ r" b
C# GSM MODEM 短信二次开发包--【惠通短信猫】【惠通GSM MODEM】【惠通短信# E8 ?0 j2 s' L7 q
服务器】【惠通短信中间件】
( L1 ]& D$ ]0 A% mGSM MODEM 短信猫C#二次开发包--【惠通短信猫】【惠通GSM MODEM】【惠通短
' G% X; Q5 T/ x* B9 \6 S( @2 x信服务器】【惠通短信中间件】' z+ D6 a# V" Y0 {8 x. h0 X4 v
C# GSM MODEM 短信开发控件--【惠通短信猫】【惠通GSM MODEM】【惠通短信服% q4 g0 N' h3 ~
务器】【惠通短信中间件】/ I+ I; x- f8 ]  L6 Y5 z
C# GSM MODEM 短信开发包--【惠通短信猫】【惠通GSM MODEM】【惠通短信服务% a8 b! |5 ]( Y. h
器】【惠通短信中间件】
& C+ t7 z5 c/ c
7 I5 H, C! P' n  B; NDELPHI GSM MODEM 短信二次开发包--【惠通短信猫】【惠通短信服务器】【惠+ d3 j( O9 C2 j8 k4 Z- F
通短信中间件】
# B$ u1 a; W' }2 g0 g  y! MGSM MODEM 短信猫DELPHI二次开发包--【惠通短信猫】【惠通GSM MODEM】【惠! A9 v: ?7 G* P  f
通短信服务器】【惠通短信中间件】
* |) G0 s# D% ]5 {6 r# I. y' IDELPHI GSM MODEM 短信开发控件--【惠通短信猫】【惠通GSM MODEM】【惠通短
5 u) @" d! @1 i, o信服务器】【惠通短信中间件】* U! H- o( F& g" ?! \
DELPHI GSM MODEM 短信开发包--【惠通短信猫】【惠通GSM MODEM】【惠通短信& q0 z3 J: q* v7 ~& a, g" F
服务器】【惠通短信中间件】
3 N. o. A: n1 D0 a3 C+ e& y) ~ 6 L% L7 J$ m5 w
GSM MODEM【惠通短信猫】 短信二次开发包【惠通短信服务器】【惠通短信中1 E/ Q+ V# ]7 F; q) z% s, D  u+ m$ Y
间件】
4 c% _" t* p+ E     y- ^7 b0 v* r2 T
GSM MODEM【惠通GSM MODEM】【惠通短信服务器】【惠通短信中间件】全国货: J& `# `( K; h  l
到付款  
7 e% z9 ]9 C  v   无线工业MODEM OA系统集成专用5 J  {( `8 c( p8 B8 \* j
   
; y$ ]9 V) v3 b# E; R) \) Q    质量过硬,稳定取胜,信用无敌4 A. d* Y1 g( w  I% c
1.GSM单口短信猫:芯片WAVECOMQ2303A$ M& r2 l: X" j, H. j; K
3.GPRS上网彩信猫及其彩信软件:芯片Q2403A
+ C3 D  ?8 r( N# {' k( {3 b4.CDMA短信猫:芯片wavcecomQ2358C  }) X7 {+ t% j3 N8 s
5.短信猫二次开发包/二次开发控件
7 d! A5 n* x9 M VB短信二次开发包/VC短信二次开包/
7 S7 M1 ?+ P* j+ j* V! q4 \$ N9 `9 X  
- U7 \: w% h6 R: B* s JAVA短信二次开发包/JAVA短信开发包
( G$ g# H6 W: r, M# l6 _ C#短信二次开发包/DELPHI短信二次开发包
& \  `/ w8 e, S2 l9 z /ASP短信二次开发包/OCX
. o; E: k: S- L$ g# Z$ ?- s6.短信服务器中间件
; [& P! l3 ]+ z6 ^7.短信猫接口短信猫二次开发. H+ S4 \! e5 v8 u% |! ^' K
2009【惠通短信猫】【惠通短信服务器】【惠通短信中间件】全国货到付款1 W. S1 ~( o& ^9 ]/ p6 w) T4 [
深圳市惠通通讯技术有限公司
2 T& n$ R1 \- x4 g; o( N9 J# E联系:www.1861gd.com QQ:138955661# n4 h; X& p7 q' f$ B( c, e8 l- T
     3 y) ?! `, y% [3 e, T9 Q, S0 b- \
    MSN: szhto88@hotmail.com     
# J% D% l0 n1 s; D/ A/ Z4 s    $ Y+ N* ~2 h( O9 b6 C5 z
    0755-61282516 13713855661
6 e  [0 w' q* v) G联系人:张朵朵  13713855661
& D+ U2 ?7 L9 UJAVA短信接口 JAVA短信二次开发包 短信猫JAVA二次开发包 JAVA短信开发控件 3 z6 n* L) G# T. T% Z
JAVA短信开发包
5 ]. b0 a& `, B2 A, gC#短信接口 C#短信二次开发包 短信猫C#二次开发包 C#短信开发控件 C#短信开
/ R5 t0 f) ]& U+ I. L发包
; j3 A/ w% e; _7 g) sDELPHI短信接口  DELPHI短信二次开发包 短信猫DELPHI二次开发包 DELPHI短信
. I+ w# e( i0 d4 Q# z, J开发控件 DELPHI短信开发包

TOP

发新话题