发新话题
打印

Dreamweaver MX进阶教程(五)制作弹出小窗口

Dreamweaver MX进阶教程(五)制作弹出小窗口


进入 163.com 首页的时候,就会弹出小窗口。本文介绍这种弹出窗口的制作方法。   2 U/ e) w5 S- G7 X8 K- B+ ]

$ Z$ y0 U/ v* u4 A* y' n7 n4 Y准备小窗口页面:   
. _" t  _$ Y. h0 @  k. t3 u. u( e+ l
1. 打开一个页面,设置页面属性。左边界,顶部边界为 0 ,在标题处输入标题名称。   . u6 |4 I# E6 ^; W  P; N
  c9 U( D2 I0 w( H

: Y; f, t0 V5 p! B- x0 R$ ~, r: h( W$ E  u: x4 e
  
2 e1 Q* ~- N" b6 i  j: l* b* U& m& l" {. M
2. 在页面中插入图片。也可以是文字, Flash 动画等。小窗口页面就准备好了。   0 P- G; v/ ^+ z9 X) p+ V7 L

  l, ?- M( R1 L) @: Q! L6 ^- ]; b6 T- \' r# f) b4 p, k
  s1 ~) ]# w9 J, |! w2 [$ n
  & D5 D" z- v! f$ \& B2 C6 j+ h

, i9 q0 ^2 q/ c& f8 h给一个页面添加弹出小窗口:   
6 x; l# H9 B' y& r$ k8 i. |  D& f, g# F' k0 P
1. 打开需要添加弹出小窗口页面,例如一个网站的首页,在标签选择器中选择“ body ”标签。   
) a& [& S5 G' t) H
3 R" v' l2 V% }5 g( }- v3 D# C& L/ h4 p* f, n4 o! \$ I

9 i* _& P7 t' K" c  . I' ]* V( _- L, `  s
  j0 @" v5 B$ y( k6 V7 ~6 V" Z
2. 打开行为面板,点击“   ”按钮添加行为。   ) g/ d6 z# @, k8 k% P- x

6 c/ m2 P" N; d" s  _7 n0 N2 ~5 A
& d6 o- R2 Q- i7 f$ i0 c: z8 Q5 P! t6 E# `
  
: a' M& B" ~, [/ I% t
' }& w0 X& c. {6 m. v3. 选择“打开浏览器窗口”。   
: e* m/ A; e$ v4 \/ D# S( ^
: M6 r8 `( Q/ q
1 R7 W  ~) H, d  K+ j% `% a+ ^2 D
- V/ h; x+ H6 ~% b4 u+ s  $ G! S0 H# J6 J
7 f0 x2 H9 u1 O, c/ P
4. 在要显示的 URL 处,选择弹出小窗口页面文件。设置弹出小窗口属性。   
- o/ K" G, F7 u9 X7 B: C* F, U2 H* p# G/ w5 b

% u9 p7 T: f! i% z: F) t+ V; L: {% n5 e5 p' `1 K4 Q/ @# P
  / z/ Q; |8 q6 I

5 h7 C% n- g1 b* U" X! S& U- N+ W- G5. 按 F12 ,在浏览器中发布的效果如下图。   
5 ^8 B! w! c- M6 P7 h. Y; P- J0 P( O' M  G' X
' J; b) A  q5 q' ~



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题