|
中级会员
 
|
1#
大 中
小 发表于 2007-1-3 10:34 只看该作者
下拉菜单全攻略之fireworks篇
+ y ?. M# h; r9 M. \. y! Y为互联网事业发展提供源动力！■ fireworks 4/dreamweaver 4双剑合壁造弹出菜单163K网站系统官方论坛6 |- W& F ^/ B/ N4 N% P. d
; ^8 s' c4 U+ r+ B4 ^bbs.163k.com163K网站系统官方论坛% u0 x! B1 r+ \0 J0 S3 u, Y8 C
, G$ N/ l! o5 Y7 Q# E& `163K网站系统官方论坛 与图形设计制作软件的龙头老大-adobe公司的photoshop相比，macromedia公司的fireworks 4(以下简称fw4)可谓短小精悍，同时，她对于网页图形制作的强大支持，也使其轻松获取了大批网页设计师的信任和追随。配合macromedia网页制作三剑客中的另一位大名鼎鼎的剑客dreamweaver 4(以下简称dw4)，fw4可以轻而易举地做出时下网页中甚为流行的弹出菜单(亦称下拉菜单)。如果你对dhtml网页编程不甚熟悉，看到代码就头疼，不如跟随笔者一起亲身体验fw4的魅力所在吧！163k团购网站系统官方服务论坛% n, v0 j ^9 F# U5 t% f% B& L% |& \
1 r" Y9 i" Q! l$ a! Qbbs.163k.com163K网站系统官方论坛4 t g! k. K Q7 [( M
一、 在fw4中制作菜单为互联网事业发展提供源动力！1 U; B9 U: l0 a- f5 H5 ]
6 Y, j3 |& v; L5 G团购网站系统,团购网程序1．制作母菜单按钮
+ Q/ ?1 V! {, M1 p3 q163K网站系统官方论坛163K网站系统官方论坛. i4 D1 c% ?5 A- p# Z7 R
打开fw4，选择file菜单下的new，或者按ctrl+n快捷键，如图一新建一个文件，尺寸200x30像素，精度72像素/英寸，背景透明。bbs.163k.com4 O, c; Q/ S7 I8 A, k
163k团购网站系统官方服务论坛, o5 Y6 j1 [! @% [0 G* e; @9 X
163K网站系统官方论坛# z$ A! T9 w$ K7 e: o
 163k团购网站系统官方服务论坛5 D$ T5 S& J0 S) z! b% O" ~
. G* A# B) {$ H+ d: W: |团购网站系统,团购网程序
b4 ~" V! S. M+ k6 s3 R" M163k团购网站系统官方服务论坛 选择window菜单下的tools打开工具面板，从工具面板上选择矩形工具，! j7 u4 V' @3 F$ o( o& a
m) q' O' b2 N. ?bbs.163k.com163k团购网站系统官方服务论坛) Q0 a v7 a, m) Z
4 x. v1 O' P3 I+ Q5 I) {9 S9 K. ubbs.163k.com
& t$ T& k0 q# D0 f3 [1 q6 ^为互联网事业发展提供源动力！
: |' w. M+ R$ y# {为互联网事业发展提供源动力！ 画一个100x30像素大小的矩形，选择window菜单下的info打开信息面板，直接输入数值精确调整尺寸和位置；
4 v9 v- O- X9 K& i2 z+ o Hbbs.163k.com
1 ?/ o3 n8 ~) G/ }1 n( E# k7 ybbs.163k.com; b, G/ G1 F( L" V
" |/ o, M* T/ g163K网站系统官方论坛% |7 `7 n6 A% j, N% {% j% U4 U+ L
4 f/ Z4 G5 y" H# b. {团购网站系统,团购网程序选中这个矩形，ctrl+c复制，ctrl+v原地粘贴，这时候两个矩形重叠，将上面这个矩形拖到旁边，同样使用信息面板定位；
( g+ d8 p+ I& G+ H6 S163K网站系统官方论坛团购网站系统,团购网程序1 |) f! [; A; V5 L+ v9 F1 v
团购网站系统,团购网程序. v! A5 W4 L* q, f! Q# w
 163K网站系统官方论坛7 \- [; w! J6 L k% k P
然后分别选中这两个矩形，调整它们的填充色和边框色，方法有两种，一是利用工具面板上的color工具区里的stroke和fill按钮，
J+ P+ T- M% j& `5 m4 f1 u团购网站系统,团购网程序6 |% B+ w( f" C: b( P- x
% Z- ^0 u7 Z( I' M: W9 J$ [163K网站系统官方论坛
% J& R3 h! k6 b- B* ?为互联网事业发展提供源动力！
* _! O( p6 w. U为互联网事业发展提供源动力！ 二是选择window菜单下的stroke和fill分别打开线型面板和填充面板，在面板上选择，注意的是线型要选"pencilà1-pixel hard"或"basicàhard line"(如图)，163K网站系统官方论坛2 B8 D0 T: L' ] L1 s
163k团购网站系统官方服务论坛0 H9 K# o) y& D& d
163K网站系统官方论坛2 R4 n/ ^) M, C
- w5 f; J! X- A163k团购网站系统官方服务论坛3 ?" w: v H [( t" P1 E
163k团购网站系统官方服务论坛7 U& a9 b) y r1 c9 T7 R8 x
这样输出后才能做出细边框效果；从工具面板上选择文字工具，输入文字，注意选择文字的平滑度为no anti-alias（关闭反锯齿，如图），
* [) {7 \+ w* r! J163K网站系统官方论坛
/ W' Q' N; k/ b* _163K网站系统官方论坛163k团购网站系统官方服务论坛* e' D1 k) ?; \3 u; O
8 ?8 s8 N; b: E1 p团购网站系统,团购网程序
/ O Y0 t0 u8 D1 c( Q1 _' X- abbs.163k.com
7 C& r0 d% y& f3 \3 }. D: f: ?1 u 然后同时选中文字和其中一个矩形，从modify菜单下的align中分别选择center vertical和center horizontal来对齐文字和矩形，效果如图所示。
8 R7 V; X0 j+ Z, V9 V, m( P- _163k团购网站系统官方服务论坛团购网站系统,团购网程序' ?. p) h' z, w: [1 w( g) _
163K网站系统官方论坛' U7 g( P/ D, R% A2 g* h
 163k团购网站系统官方服务论坛3 d" M1 [3 S) q: {9 C2 F- E
) X7 g$ V3 U8 f+ C/ l0 ^2 q
bbs.163k.com( Y5 Y: a4 b( W' e g6 q. \3 p$ H
2．制作弹出菜单条目为互联网事业发展提供源动力！0 W. C- z1 ]; P. t; `
1 u- R% U8 Y/ S# Q
% \- \! ^: m2 G; l5 W' t
同时选中对齐后的文字和矩形，选择insert菜单下的convert to symbol，或在矩形上点鼠标右键，在右键菜单里选convert to symbol，或者按f8快捷键，在弹出对话框里的type中选button(按钮)，将这个矩形转换成一个按钮对象，为互联网事业发展提供源动力！ I" g% R: g. G) m" M
bbs.163k.com$ W: H& {! }; l) W2 D; O4 N, d5 I
, B% \- Y) H/ l, l! x; U* T5 }163k团购网站系统官方服务论坛  为互联网事业发展提供源动力！* |# E+ n2 j7 o
这时，将鼠标移到按钮对象中间的圆形标志上鼠标会变成手形，单击圆形标志，在弹出菜单中选择add pop_up menu…，163K网站系统官方论坛: O3 c5 E1 _3 i6 M
# ^* D! ~! T* s6 L9 f% U163k团购网站系统官方服务论坛
1 A k1 D/ C* `6 w$ E163K网站系统官方论坛163k团购网站系统官方服务论坛" r) u. a6 Z* V* x k F
7 f% [5 T8 _: Y9 Z/ o4 u8 V# R为互联网事业发展提供源动力！ 然后就可以在弹出的set pop-up menu设置窗中设置你的弹出菜单了。如下图，笔者已经设置了一些菜单条目。( a0 d9 ?/ i9 E
9 k$ b) S/ z: A9 m$ a0 _5 }+ l h团购网站系统,团购网程序为互联网事业发展提供源动力！$ U; L8 B( I3 x( O9 I4 b6 M0 t
 163k团购网站系统官方服务论坛3 Q9 ~0 G& `8 a, [+ C, u: i& ?
1 W$ C6 ?. x; M4 Q# {4 Q. w163k团购网站系统官方服务论坛163k团购网站系统官方服务论坛% M, S$ X* G1 u
大家可以在text中设置条目的文字名称，在link中设置条目的链接路径，在target中设置打开链接的目标窗口，设置完后点一下"+"按钮就可以生成一个菜单条目了；如果想删掉，点中条目，再点"-"按钮就可以删除条目；如果想修改条目设置，只需点中条目，修改各项设置后点change按钮即可。fw4的弹出菜单是可以做多级子菜单的，只要在根菜单条目下方建立子菜单条目，然后点中子菜单条目，再点窗口上方那两个蓝色图标按钮中的右边一个indent menu（菜单缩进，即设为子菜单）就可以了，反之，点左边那个outdent menu（菜单伸出，即设为根菜单）就可以将当前的子菜单设置成上一级根菜单。大家可能发现改变菜单条目的顺序好象不方便，其实很简单，只要点住条目并拖拉到你想要的位置就可以了。设置完菜单条目后，点next进入菜单样式设置窗。
% A9 F4 u6 E0 i& S* S5 f为互联网事业发展提供源动力！163k团购网站系统官方服务论坛4 }% W' q1 Z9 G: Y
3．设置弹出菜单条目样式163K网站系统官方论坛" @6 v+ R$ L1 M8 ?. {
为互联网事业发展提供源动力！* Z2 j( k8 l; _
值得一提的是，菜单样式的设置可以分成两种类型，为互联网事业发展提供源动力！; r( u/ W ?) R" v3 A& F
+ J+ c* W! }* u$ I/ ]
6 j3 c$ X" \. R163k团购网站系统官方服务论坛
' C+ u% e k# R9 I( R% Jbbs.163k.com 
4 K* g% @4 ?; _0 }为互联网事业发展提供源动力！一种是如前图所示的html模式，一种是如后图所示的image（贴图）模式。它们的区别是，html模式下，菜单样式完全由代码控制，即时计算生成，显示速度当然极快，非常流畅；image模式下，菜单条目的背景可以显示图片，每次菜单弹出时，就会即时下载背景贴图，这样对高速网络用户来说几乎感觉不到，但是对慢速网络用户，就会明显觉察到贴图下载显示的时间滞后，造成不流畅的感觉。但是由于image模式生成的菜单可以使用漂亮的贴图，虽然fw4种提供选择的贴图样式并不多，共21种，但只要在输出后，找到这些图片，用自定义的尺寸一致图片替换掉，就可以做出完全属于自己的个性菜单，比如在贴图上打上你自己的网站logo等等。这里笔者选择html模式。样式设置窗中，up state是用来设置菜单条目处于普通状态时的样式，over state是用来设置鼠标移到菜单条目上时的样式。另外，font是用来选择显示的字体，为了在网页上能清晰显示字体，建议大家在字体大小size中选择12，"b"按钮是使用粗体字，"i"按钮是使用斜体字。样式设置将即时在下方的preview区域中显示，完成设置后点finish按钮生成弹出菜单。
" O8 |+ f/ M# f' {1 A3 xbbs.163k.com+ r7 _9 ]) ^ @+ Q
4． 调整弹出菜单位置bbs.163k.com) d( E0 `! ]! Y. K% @
3 U; a8 Q% D2 b 如图所示，生成的弹出菜单将以蓝色线框表示，它的位置就是鼠标移到母菜单按钮上它弹出的位置，大家可以点住弹出菜单的蓝色线框，拖拉到你想要它弹出的位置，比如笔者想让它在母菜单按钮下方弹出。
; _2 O: J' p/ B' U! w% O9 l% v3 c团购网站系统,团购网程序163k团购网站系统官方服务论坛0 U t6 c( j3 @; V# `
. L# Q+ ^. g% A为互联网事业发展提供源动力！
7 ]& T! j8 ~5 [9 _163K网站系统官方论坛
/ G. }+ Y5 q& o# T0 N! N" f为互联网事业发展提供源动力！5．调整母菜单按钮与弹出菜单样式一致
9 |9 G, n4 ?5 a2 \/ c: {为互联网事业发展提供源动力！163K网站系统官方论坛0 h9 S1 K; r9 i2 Z) D- w
有的朋友说，既然弹出菜单已经有样式了，那么母菜单怎么办？其实笔者早已想到，所以刚开始把母菜单做成了按钮对象，双击母菜单按钮对象，打开按钮对象编辑窗，自己动手改按钮的各个状态吧，这属于fw4的基本操作，笔者这里就不罗嗦了。
% T! k: f6 [+ R团购网站系统,团购网程序为互联网事业发展提供源动力！9 S- R- Y& f4 E6 N
163k团购网站系统官方服务论坛8 \, W! W: K1 u/ ~, g. E& a4 [4 ?
 bbs.163k.com2 e, x5 Z W- A$ d8 |% b/ S
163k团购网站系统官方服务论坛: V* i" S% S& J
+ J9 F: ?3 `6 J6 e6 b7 p, ]) S团购网站系统,团购网程序6．输出弹出菜单163k团购网站系统官方服务论坛- |7 S/ F$ d4 B* p# E3 g$ r2 y
/ l8 X1 O; Q$ t2 z5 f' H163K网站系统官方论坛 刚才一直跟着做一定很累，所以另外还有一个矩形就留给大家自己练习一下。完成后可以选择file菜单下的export preview，或者按ctrl+shift+x快捷键打开输出设置窗口。如图十七所示，在option标签页下方的透底选项中选择alpha transparency，matte（基底色）中选择你实际网页使用的背景色，这样菜单就可以和你的网页天衣无缝地融为一体。( Y% h9 L( o1 ~+ l3 `
7 ^5 m4 x; f, W/ C' z' g' N团购网站系统,团购网程序163k团购网站系统官方服务论坛' T/ u( l! P4 P+ D( C
 为互联网事业发展提供源动力！2 M- G0 ^6 u0 k: e$ \
点export按钮，如图十八，自己设置输出路径和文件名，并选择保存类型为html and images，html选项中选export html file，slices选项中选export slices，最后点保存按钮，弹出菜单就输出完成了。
% \( ?- `% p8 j/ c2 c团购网站系统,团购网程序0 _$ C' R' d. O# ^1 z3 H
 6 d/ l, u7 i& j) ?7 D8 {
0 r0 ]1 I. d6 o* s. b为互联网事业发展提供源动力！
8 N6 Z+ `1 t L& n9 h为互联网事业发展提供源动力！现在你可以打开你输出的html文件看看你的工作成果了。关掉fw4吧，下面没它的事儿了。
" t5 T2 S6 K+ K n团购网站系统,团购网程序* O6 l5 h! j2 v4 m: ~. Z4 w( B
, b! g3 q5 r& E: M
U8 M# e7 y% x) g' o: H163K网站系统官方论坛二、 在dw4中设置弹出菜单团购网站系统,团购网程序! g& d- B% ^1 S, V$ Y4 v3 P& p
为互联网事业发展提供源动力！; t, y1 ?, l8 }0 u
1． 将弹出菜单导入dw4
1 F" x( D* z9 Z- g为互联网事业发展提供源动力！. z0 B8 ]' o5 s C8 `) w
打开dw4，新建或打开一个站点（site），在站点中新建一个html文件，存盘，然后选择insert菜单下的interactive images中的fireworks html，或者选择window菜单下的objects或按ctrl+f2快捷键打开objects（对象）面板，从面板上的common类中选择那个fireworks的图标（如图十九），- N9 |$ L! X; f
: @/ M& t# V. m) Z& X& J2 m团购网站系统,团购网程序
3 X, r5 b. F: i$ m4 k6 D. P163k团购网站系统官方服务论坛
; ~1 B. C) E! O3 t. B163K网站系统官方论坛
+ }, K" @4 K8 K. O5 [ @7 Abbs.163k.com团购网站系统,团购网程序0 E1 Z7 \& [& _3 X( `% l. t6 T
在弹出的对话窗中点browser按钮，选择你刚才fw4中输出的html文件，点ok按钮，刚才做好的弹出菜单就导进来了。如果你的fw4弹出菜单输出文件没有在当前的站点中，那么dw4还会问你是否要将这些文件复制到站点中来，一定要选ok，并且最好单独为这些文件在站点中建一个文件夹。现在可以按f12预览一下效果了，是不是不像想象中的那么cool？弹出菜单好象边框很粗！因为当前使用的是默认的样式。没关系，接下来就来动点小手术！
0 _5 e# _# o7 q! }163K网站系统官方论坛! O6 h. A% P& C. S3 b5 F& C
2． 在dw4中重新设置菜单样式
7 S3 U; v2 o+ e; p8 h% K163k团购网站系统官方服务论坛团购网站系统,团购网程序, d6 L: W# Q# v9 [
如图可以看到刚才复制到站点中来的fw4弹出菜单文件中有这样一个文件--fw_menu.js， 为互联网事业发展提供源动力！; K' |6 j" X `8 `$ `
163k团购网站系统官方服务论坛1 p3 A3 F9 n) F, f! \2 Y
& b. S& j( f( ~2 p 团购网站系统,团购网程序7 ]& K- D$ b* E, c5 T6 X
2 l4 K g) x; N* m, n: c' x+ v( X为互联网事业发展提供源动力！163k团购网站系统官方服务论坛3 B# A7 z0 `, F8 [: y& ^; i
用dw4将它打开，在文件的开头部分可以看到这样一段代码：
) F( a8 u2 ?' R% W163k团购网站系统官方服务论坛为互联网事业发展提供源动力！$ x1 B& z7 A* l) `
this.menuwidth = mw;. B* T# A! z/ F6 \5 n8 H: c! u
this.menuitemheight = mh;
1 s' U q: k" A163k团购网站系统官方服务论坛this.fontsize = fs||12;
/ u" `2 N: Q# r9 v' Cthis.fontweight = "plain";
- B8 c- p _ j& s- P5 x团购网站系统,团购网程序this.fontfamily = fnt||"arial,helvetica,verdana,sans-serif";3 z1 _2 c# r* {0 Y
this.fontcolor = fclr||"#000000";为互联网事业发展提供源动力！7 m; O0 g% Z \: g0 F
this.fontcolorhilite = fhclr||"#ffffff";团购网站系统,团购网程序: J& ^* O8 U) z J, n5 c
this.bgcolor = "#555555";
' Q. G, n2 s% ~9 m+ q5 H163K网站系统官方论坛this.menuborder = 1;
0 Y3 u+ p9 }) \4 U( x8 R6 ~6 \bbs.163k.comthis.menuitemborder = 1;团购网站系统,团购网程序' i' n+ r/ C! q/ O6 X9 T
this.menuitembgcolor = bg||"#cccccc";为互联网事业发展提供源动力！% w# i/ O. D9 l$ F9 T0 Y
this.menulitebgcolor = "#ffffff";
" V/ _4 J& ]( P: j- Nbbs.163k.comthis.menuborderbgcolor = "#777777";bbs.163k.com& Q5 J9 @ W6 |: C5 e( i
this.menuhilitebgcolor = bgh||"#000084";
+ F) |& S& R Y Qbbs.163k.comthis.menucontainerbgcolor = "#cccccc";
& ~6 e+ p: S9 M. a7 T为互联网事业发展提供源动力！this.childmenuicon = "arrows.gif";
6 p, N! }* f! E9 I+ j1 d+ d163k团购网站系统官方服务论坛
2 m$ c% o: }' X163k团购网站系统官方服务论坛 注意this.后面的变量名，下面是直接影响菜单效果的变量名对应的菜单属性： 163k团购网站系统官方服务论坛: l, D# u0 _: z. `, j% Z1 X4 c
: i) N1 O- w5 J+ N为互联网事业发展提供源动力！menuwidth: 菜单宽度
! S) } @1 c1 u1 z+ Dbbs.163k.commenuitemheight : 菜单条目高度
% h, H2 f0 Q: ?$ {% U: G团购网站系统,团购网程序fontweight: 菜单条目文字粗细
4 U- M- |4 {. {+ @% y2 D3 `fontfamily: 菜单条目文字字体
9 f0 }4 s z; w9 F& v% z; lfontsize: 菜单条目文字大小
( t6 L/ v7 ~3 A3 I, I2 R0 C3 y% Hbbs.163k.comfontcolor: 菜单条目文字颜色为互联网事业发展提供源动力！9 F0 i7 r* b$ R
fontcolorhilite: 菜单条目文字高亮色（即鼠标移到菜单上时文字的颜色）团购网站系统,团购网程序. ]: L# ?3 _! Y" w; D+ {) n
bgcolor: 菜单暗边背景色163K网站系统官方论坛7 T- d, d) z4 ?* j8 P+ w
menuborder: 菜单边框宽度团购网站系统,团购网程序, E7 C# ^) B/ y! _5 O
menuitemborder: 菜单条目边框宽度（其实是菜单内各条目之间分隔线的宽度）bbs.163k.com, p. @* k& U# g
menuitembgcolor: 菜单条目背景色
; k" O" c$ ~) u* g! _为互联网事业发展提供源动力！menulitebgcolor: 菜单亮边背景色163K网站系统官方论坛% _8 z( ]4 T$ U+ I! D
menuborderbgcolor: 菜单边框背景色
. o% l, Z# |4 e163K网站系统官方论坛menuhilitebgcolor: 菜单条目背景高亮色（即鼠标移到菜单上时背景的颜色）团购网站系统,团购网程序) r3 n4 Q0 S/ J7 F* p% l
childmenuicon: 子菜单扩展标记（默认是个小黑箭头）团购网站系统,团购网程序9 a( t; `9 O* X; v3 k& J
' c8 W- d+ I0 w! {4 w 弹出菜单的样式是遵循下图中的规则的，大家可以细细研究一下，对照起来修改参数。- C7 H. e0 u/ G5 Y
团购网站系统,团购网程序& j0 E: L2 v& o3 y/ I- }- e
3 b/ c0 z, t9 Z) z& z7 h" x# m( _9 L163k团购网站系统官方服务论坛 bbs.163k.com3 G. R# q/ A, G
由于篇幅限制，笔者在这里就不赘述了，先给出一个修改其中一些参数的样例，余下的大家可以自行测试：
# l6 J$ ]2 ?+ M! P4 J团购网站系统,团购网程序* |, w/ H" ` b# m3 n5 f
this.bgcolor = "#000000";
3 |" e. q3 j" y: tthis.menuborder = 1;% i' m2 W, _8 C5 k
this.menuitemborder = 1;
1 V& e% y) e6 ?0 a7 S7 Zbbs.163k.comthis.menuitembgcolor = bg||"#cccccc";163k团购网站系统官方服务论坛- D [; A8 G0 f) k% R' E% T. F- U- b
this.menulitebgcolor = "#000000";163K网站系统官方论坛7 S/ t6 Q* |, u
this.menuborderbgcolor = "";bbs.163k.com; r0 @3 W9 }/ S# x
this.menuhilitebgcolor = bgh||"#000084";
E2 M( w( E( x3 F8 T% e7 X163K网站系统官方论坛this.menucontainerbgcolor = "#cccccc";163k团购网站系统官方服务论坛% F: t( O8 Z: R2 J/ ?) E" D5 a
this.childmenuicon = "arrows.gif";163K网站系统官方论坛2 _' T3 h# s! B6 ~2 C- H; d6 |
# T U' j% E8 D163k团购网站系统官方服务论坛 存盘，回到菜单的html文件，f12预览，菜单样式已经发生了变化，菜单边框变细致了，是不是很cool啊！
2 J/ }# F0 V+ Z3 o6 |3 v为互联网事业发展提供源动力！163k团购网站系统官方服务论坛8 J0 j4 V9 R3 ]; v3 O& L2 Y$ P7 E
 bbs.163k.com) {# o% N$ k- T: _2 N
163K网站系统官方论坛$ K7 o: m" N6 m" ^
团购网站系统,团购网程序# b" T, F9 H" b5 h/ j, ]) A
3． 弹出菜单缩回停留时间的修改163k团购网站系统官方服务论坛" Z7 O4 h5 D4 Z2 p% L: o. ^
163k团购网站系统官方服务论坛9 _ B! l9 X( X- _& Q
大家会发现弹出菜单要收回似乎要等待一两秒的时间，没关系，在fw_menu.js中找到这句代码：为互联网事业发展提供源动力！" t' d# Y/ x# Q* z
" c: q( P$ e. `. c- Q& Y团购网站系统,团购网程序fwhidemenutimer = settimeout("fwdohide()", 1000);bbs.163k.com+ y# f$ C: e* A) B F
& f' M( ` T4 `" e
将其中的1000改成300，再找到这句代码：为互联网事业发展提供源动力！% Q7 u) B% w M; S9 h
) S+ t/ B3 d1 C& S ^if (elapsed < 1000) {
1 h/ U+ }+ M2 W- I# ]5 s团购网站系统,团购网程序fwhidemenutimer = settimeout("fwdohide()", 1100-elapsed);
) M/ E; R. p9 u& I7 q0 @" l163k团购网站系统官方服务论坛return;
+ e! a! p! b! q& q}
/ o7 i$ \3 k6 U+ o团购网站系统,团购网程序bbs.163k.com) L C* `* t1 S* l
将其中的1000改成300，1100改成330，存盘，再回到html文件按f12预览一下，是不是快多了。这些数值是以毫秒为单位的，也就是说1000代表1秒，建议这些数值不要设得太小，否则菜单收回太快会导致你点不中弹出菜单。
+ z. n; b, r" h$ Q0 A+ {7 W163k团购网站系统官方服务论坛3 \/ Z# D7 e8 e* @. \1 w4 O9 ^
4． 特殊效果的弹出菜单团购网站系统,团购网程序 Z# R) g0 G8 L
163K网站系统官方论坛3 d8 D) d( n2 g/ ]& e
运用javascript来调用和控制css滤镜还可以为菜单带来意想不到的效果。在fw_menu.js中使用这样的参数设置：
2 `! I7 U2 U. A/ T5 K" u9 e" \: d163K网站系统官方论坛
/ S& Y# C9 `1 I' B163k团购网站系统官方服务论坛this.bgcolor = "";
- v4 |# F- u( f4 ^团购网站系统,团购网程序this.menuborder = 3;
: b3 A( ^4 w& g2 e) x3 F为互联网事业发展提供源动力！this.menuitemborder = 3;163K网站系统官方论坛! _) B+ | Y, k, I3 |/ P! A
this.menuitembgcolor = bg||"#cccccc";
3 }; x w! n4 p! D163k团购网站系统官方服务论坛this.menulitebgcolor = "";
" k6 a2 K6 ^+ u4 Mthis.menuborderbgcolor = "";
$ M5 N# A E# Y$ @团购网站系统,团购网程序this.menuhilitebgcolor = bgh||"#000084";bbs.163k.com1 ]) O, m5 y: w& v O5 E) v y
this.menucontainerbgcolor = "#cccccc";163K网站系统官方论坛1 p; {; j$ ?* e
this.childmenuicon = "arrows.gif";
; P) c3 f( i- A% w' Y: m1 K为互联网事业发展提供源动力！
* N0 ^) O! w( A- u 并在下面加上一句：为互联网事业发展提供源动力！) ]5 L) g g& x6 s- b) t( E
3 f% b- G# l! o; ^6 K: f; P为互联网事业发展提供源动力！this.alpha = "alpha(opacity=100, finishopacity=0, style=2, startx=0, starty=0, finishx=200, finishy=0)";
, x4 I" l% _9 A163K网站系统官方论坛团购网站系统,团购网程序3 e5 G% m# {6 S% g: Y$ e+ [! K: X* S
然后找到这句：163K网站系统官方论坛 p0 `5 X2 q6 V( k/ P- f7 I$ n
bbs.163k.com+ J* ~9 J: r0 x3 V
l.style.backgroundcolor = menu.menuitembgcolor;bbs.163k.com! @$ T( X& d! s1 D
163K网站系统官方论坛" S: T, c4 S" w, u: i
在它下面加上一句：团购网站系统,团购网程序! l3 k- L0 ? L7 T. ?7 a. a
3 b6 ^( B3 s3 F5 y0 n团购网站系统,团购网程序l.style.filter = menu.alpha;163k团购网站系统官方服务论坛4 _: ^+ z: r5 T/ b* Z# R$ l
' o& j9 j Y: I1 hbbs.163k.com 存盘，回到html文件按f12预览，效果如下图所示，是不是很有趣啊！这样的css滤镜还有很多，大家可以自己找一些相关资料实践一下。
( m! |: l. ~, e. W为互联网事业发展提供源动力！顺便提一下，大家在查找代码时可以充分利用dw4的查找替换功能，在页面中按ctrl+f快捷键调出查找替换窗，输入要查找的代码，按find next就可以了。
6 f5 \% U {* }- b1 J r6 Gbbs.163k.com. l$ b y+ G+ n7 M
163K网站系统官方论坛/ ], O: d& Q4 d6 X9 N8 q
 bbs.163k.com9 I T. Q0 m! x3 P
下一篇我们将讲如何用flash来制作下拉菜单。
6 @& A* q8 a4 n. f5 v1 G2 b163k团购网站系统官方服务论坛
- |+ O: q( s1 Q+ x! E2 A
2 m2 Q$ {! K+ N; W. \团购网站系统,团购网程序
|
