找回密码
 注册

QQ登录

只需一步,快速开始

网页中常用的过渡效果制作

[复制链接]
发表于 2009-4-16 10:22:31 | 显示全部楼层 |阅读模式
网页中常用的过渡效果制作
有二十多种效果供你选择,只要将Transition的值改为相应的效果的代号即可,具体效果和设置如下表所示+ i0 E. F2 B( V
; h  d0 \# P6 }4 H
  效果! u% ^0 k  W" \! C. D0 Q+ E: F+ `
   Transition     5 r! B: P" Q& `! k5 D2 |: _) o
 效果$ V( E0 ~3 M& S# s; |
      Transition
  盒状收缩      0        溶解+ B7 ~3 J8 _, K3 J& ]: @
        12
  盒状展开      1        左右向中部收缩    13
  圆形收缩      2        中部向左右展开) ^9 d- r( p- b0 {4 E5 a
   14
  圆形展开& r) @: ?4 z* N% v: T
     3        上下向中部收缩1 c4 t$ O  U- e6 s' E
   15
  向上擦除
: w5 t% |" A8 k     4       - K$ E3 M6 v& {) L% }: E" D% R
中部向上下展开    16
  向下擦除
7 k0 P& N( B& w5 g( K' \     5        阶梯状向左下展开
6 B# H5 d+ G; M) r% q7 B, D6 y  17
  向左擦除
5 q& H; U6 \! Q! \9 H- d     6       
. v! L0 ~) |* {1 ]阶梯状向左上展开
) T! U) v8 P9 T" ]! O% s  18
  向右擦除
$ s; N% y0 i6 n' s6 {1 t' E     7        阶梯状向右下展开   19
  垂直百叶窗' b8 ?; ?# }) V! L# J
    8        阶梯状向右上展开   20
  水平百叶窗     9       
3 o" m/ \4 V; {随机水平线      21
  横向棋盘式     10       
4 [( O" ^: k" }' x; c4 A随机垂直线
; v1 M  n% g& _* [  R- k     22
纵向棋盘式     11       / z9 a* C1 T5 @' }- k- T/ w
随机
% [( v: s6 \$ z( ]- O% v+ ^        23
$ g: S1 E* F% d+ }
网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动、百叶窗等。
8 T4 r7 _& Y- r
  注:通过模板所建网页无法添加网页过渡效果。
  制作步骤:
  15 b5 e1 l* i$ L4 F' z* S5 \
打开一个页面,这一步非常关键。为什么要打开一个页面,而不是在编辑过程中进行设置呢?这是因为网页过渡的网站源码代码必须在代码窗口的一些特定区域显示才能起作用。而刚打开的窗口,光标在代码窗口的最上一行的最前边,是合适的位置之一,对于不熟悉代码者来说,这样简单、易操作。但有些网页刚打开时光标也不在asp网站源码代码窗口的最上一行的最前边,那要通过边框的滚动条找到代码的第一行,然后在最前边点击鼠标,把光标定位在代码窗口的最上一行的最前边。
- V; |& y* E( z& ?
  2、单击菜单栏中的插入-HTML-文件头标签-Meta,会弹出Meta对话框。0 {3 [  P/ H3 x9 x
  3、在对话框中的属性选项的下拉列表中选HTTP-equivalent选项,在值一格中键入Page-Enter,表示进入网页时有网页网站源码过渡效果。  I2 j/ y! X3 Y* E, O
在内容一格中键入 Revealtrans(Duration=4,Transition=2)Duration=4 表示网页过渡效果的延续时间4秒,Transition表示过渡效果方式,值为2时表示圆形收缩。$ q( U! X: i( z/ O1 I" b
4、输入完后单击确定,保存。这样当我们进入这个页面时就可以看到效果了。

+ T% V9 V% o" O4 T/ n
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|本地广告联系: QQ:905790666 TEL:13176190456|Archiver|手机版|小黑屋|汶上信息港 ( 鲁ICP备19052200号-1 )

GMT+8, 2025-4-13 04:56

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表