百奥谷
吕河网
考研网
漂泊网
OA办公
非主流
站长社区
站长网摘
音乐听吧
莫非设计
博客播报
免费电影
网络歌手
登陆
注册
·
在线看电影
|
网站设计
· 空间买100M 送100M
·西北五省小门户网站
·
在线港剧
在线播电影
·
广告空闲
|
布兜电影网
·最新网络歌手翟羽佳
首页
站长宝典
行业报道
网络编程
设计学院
源码下载
网站模版
矢量素材
常用软件
软件教程
驱动下载
网络文摘
情感故事
FLASH
Photoshop教程
Dreamweaver教程
Fireworks教程
Flash教程
3DMAX教程
Illustrator教程
CorelDraw教程
PhotoImpact教程
MAYA教程
AutoCAD教程
在线看电影韩剧
找图片到蓝图网
网站设计域名注册
非主流QQ空间模板
功夫熊猫在线观看
注册GOOGLE广告联盟让你的网站赚美元
站长一块钱注册CN顶级域名
长江七号在线观看
您的位置:
莫非网
->
设计学院
->
Dreamweaver
-> 设计内容
Dreamweaver8制作网页常用的过度效果
[ 作者:佚名 来源:转载 发布时间:2007-10-11 13:34:59
收藏此页到站长网摘
]
网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动、百叶窗等。
注:通过模板所建网页无法添加网页过渡效果!
制作步骤:
1、 打开一个页面,这一步非常关键。为什么要打开一个页面,而不是在编辑过程中进行设置呢?这是因为网页过渡的代码必须在代码窗口的一些特定区域显示才能起作用。而刚打开的窗口,光标在代码窗口的最上一行的最前边,是合适的位置之一,对于不熟悉代码者来说,这样简单、易操作。但有些网页刚打开时光标也不在代码窗口的最上一行的最前边,那要通过边框的滚动条找到代码的第一行,然后在最前边点击鼠标,把光标定位在代码窗口的最上一行的最前边。
2、单击菜单栏中的插入-HTML-文件头标签-Meta,会弹出Meta对话框。
3、在对话框中的属性选项的下拉列表中选HTTP-equivalent选项,在值一格中键入Page-Enter,表示进入网页时有网页过渡效果。 在内容一格中键入 Revealtrans(Duration=4,Transition=2),Duration=4 表示网页过渡效果的延续时间为4秒,Transition表示过渡效果方式,值为2时表示圆形收缩,各种效果数字代码如下。
4、输入完后单击确定,保存。这样当我们进入这个页面时就可以看到效果了。刚才你看到效果了吧!要不然你再回到主页,再到这一页看一下。
5、另外还有二十多种效果供你选择,只要将Transition的值改为相应的效果的代号即可,具体效果和设置如下表所示 :
效果 Transition 效果 Transition
盒状收缩 0 溶解 12
盒状展开 1 左右向中部收缩 13
圆形收缩 2 中部向左右展开 14
圆形展开 3 上下向中部收缩 15
向上擦除 4 中部向上下展开 16
向下擦除 5 阶梯状向左下展开 17
向左擦除 6 阶梯状向左上展开 18
向右擦除 7 阶梯状向右下展开 19
垂直百叶窗 8 阶梯状向右上展开 20
水平百叶窗 9 随机水平线 21
横向棋盘式 10 随机垂直线 22
纵向棋盘式 11 随机 23
学习更多知识与技巧 请点击
莫非网设计学院
责任编辑:莫非
【
大
中
小
】 【
打印
】 【
关闭
】
·上一篇设计:
Photoshop教程:磨皮锐化一步法
·下一篇设计:
Photoshop笔刷打造光影粒子
图文新闻
网银大盗被捕 团伙骗
雅虎:我不是待宰的
微软收购雅虎事件 G
可口可乐关于其反华
周笔畅为“YOHO!音
关于设计评论(评论内容只代表网友观点,与本站立场无关!)
[
查看全部评论
]
用户名
!
分 值
100分
85分
70分
55分
40分
25分
10分
0分
说 明
(注“
!
”为必填内容。)
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
·本站内容均来自网络如果有版权和利益的纷争请及时联系我们,联系电话:010-51724886
·为了丰富本真内容如果有好的原创想在莫非网刊出请投稿,投稿信箱:post@mofei.com.cn
内容搜索
资讯中心
下载中心
站长学院
网站模版
素材世界
源码世界
最近设计教程
·
用photoshop cs制作公章的方法
·
3ds max 室内设计---室内效果图(十一
·
用Photoshop设计精致典雅日记本
·
Photoshop做玻璃效果奥运会会徽
·
用CoreDraw手绘美女
·
Photoshop实例教程 Q版大头贴纸制作
·
Photoshop高级混合技巧 制作立体艺术字
·
3ds max 室内设计---室内效果图(四)
·
PS做逼真的"羽毛"
·
Photoshop实例制作婚纱影楼宣传海报
最新设计教程
·
国外优秀Flash网站设计欣赏
·
3DS MAX打造精美水瓶
·
Photoshop CS轻松合并全景图(多图)
·
Photoshop CS3制作动画:设定帧过渡
·
Photoshop打造奇幻美丽的立体炫图
·
Flash实例:打造佛光效果教程
·
After Effect内插件打造太极动画效果
·
CorelDraw 12打造唇膏广告海报
·
Photoshop+Wacom绘制张国荣教程
·
Photoshop制作漂亮的金属质感图标
推荐设计教程
·
Photoshop制作漂亮的金属质感图标
·
用photoshop cs制作公章的方法
·
108个Flash常见问题解答
·
未公开的Photoshop快捷键
·
Photoshop打造绚丽的小熊爪壁纸
·
Photoshop合成教程:晚霞中的山峰
·
Photoshop常用快捷键大放送
·
Photoshop鼠绘含着眼泪的小老鼠
·
Dreamweaver架设网站终极教程
·
Photoshop教程:打造一朵金色莲花