繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 为你的网页做出电影的过场效果
- HTML/XHTML教程
- CSS基础：设计网页常用规范详解
- CSS教程：十步学会用css建站
- CSS基础：24条网页布局开发小技巧
- CSS教程：在网页布局中简单实现垂直居中的办法
- css基础教程：颜色和文本属性的控制
- 专家总结：网页设计师必须遵守的十条守则
- html技巧：超级链接a的提示和打开方式
- css教程：学习背景图像属性background
- 例说网页Semantics：Html/Xhtml是否真正符合标准
- IE7与web标准设计系列教程：前言
- IE7与web标准设计系列教程：更丰富的CSS选择符
- IE7与web标准设计系列教程：修正引起页面布局混乱的祸首
- web标准教程：IE6和IE7的共存
- web标准：IE多版本共存的解决方案：IETester
- CSS基础教程：认识CSS选择符
- web标准：比较IE6与IE7，放纵的孩子与严厉的父亲
- 学好标准CSS的模型是否必须放弃IE？
- CSS教程：如何处理有冲突的CSS规则
- 教你用html和css写出漂亮正规的Blog
- CSS基础：如何避免table强迫症
HTML/XHTML教程 中的 为你的网页做出电影的过场效果
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 33 ::
收藏到网摘: n/a
第一步
把以下的HTML程式码复制以后贴到你网页上的<HEAD>标签里：
<META http-equiv="Page-Enter" content="revealTrans(Transition=23,Duration=1.000)">
太简单了吧！不过还是有难度较高，而且需要你伤脑筋，却能发挥你艺术天分的地方：就是设计过场效果的种类。现在你面对的是每个大导演都要绞尽脑汁的问题：什么样的效果能传达我的意念？什么样的效果可以用动感十足、自信而又充满启发性的方式，让网页的内涵与上网站的人紧紧相系，揭露我心目中的美丽人生呢？
一般来说我们都是设成23和「Random」，但你可以从底下的表单中自订Transition（过场）的值。Duration是设定效果从开始到结束中间经过的秒数；所以是要设成五秒来考验大家的耐力，还是要还不留情的设成一秒呢？
过场特效种类 Transition值
Box in（方格收敛） 0
Box out（方格外散） 1
Circle in（圆形收敛） 2
Circle out（圆形外散） 3
Wipe up（掀帘子见客） 4
Wipe down（下台一鞠躬） 5
Wipe right（由左至右） 6
Wipe left（由右至左） 7
Vertical blinds（直立式百叶窗） 8
Horizontal blinds（传统百叶窗） 9
Checkerboard across（横向棋盘格） 10
Checkerboard down（下坠棋盘格） 11
Random dissolve（溶接效果） 12
Split vertical in（关门大吉） 13
Split vertical out（开张大吉） 14
Split horizontal in（上下向中间收敛） 15
Split horizontal out（中间向上下展开） 16
Strips left down（右上斜左下） 17
Strips left up（右下斜左上） 18
Strips right down（左上斜右下） 19
Strips right up（左下斜右上） 20
Random bars horizontal（水平任意直线） 21
Random bars vertical（垂直任意直线） 22
Random（任意选择以上特效） 23
第二步，这个步骤是随你高兴
你还可以再增加特效，只要多几个与上述类似的META标签就可以了，除了Page-Exit标签的 http-equiv 值、Site-Enter 或 Site-Exit 以外。最后的两个标签只有在前一页或后一页不是在你的网站上时才有作用。
评论 (0) 