vwin :首页
浅显基础教程
电脑操作教程
电脑怎样拨号上网
怎么做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典进步教程
怎样运用代理服务器
怎么做无盘作业站
Photoshop教程
Dreamweaver教程
Flash教程
Firework教程
Frontpage2000教程
Authware教程
Office2000教程
怎么制造动画图片
OICQ&ICQ运用办法

高手学习攻略

硬件晋级技巧
CGI教程
ASP教程

PHP教程

注册表运用技巧
路由器的设置
vwin建造攻略
SQL
协作vwin
栏目制造月光软件
最近更新:
类别:vwin制造
怎么制造会移动的广告条

时刻:2001/08/03 11:22 作者:oldduck/4u2v 太平洋网络学院


 编者注:文章内容为汉化版别的Dreamweaver 4.0,配图为英文版别的 Dreamweaver 4.0


  你上新浪网主页会看见它页面中有个飘来飘去的广告条,鼠标移上去,还会变成别的的宣扬图片。这个广告条没有占用页面的空间,它独立在页面之上,的确是个发布广告条的好办法。那么,这个会移动的广告条到底是怎么做成的呢?下面,请跟我一步步学做,看完教材,你也就会自己做了。


  做这个广告条,要用到Macromedia DreamWeaver中的Layer(层)和Timeline(时刻轴)功用,还得预备两张巨细根本相同的广告图片。咱们已最新版别DreamWeaver4.0为例,制造移动的广告条。假如还没有这个软件,请到http://www.4u2v.com/寻觅。


一、用DreamWeaver翻开恣意一个网页,空白页也可。在菜单中挑选“刺进Insert”->“层Layer”,即看到网页中多了一个空白Layer1,你也可认为他命名。再将光标点到空白Layer1内,挑选“刺进Insert”->“图画Image”,刺进你的广告条的榜首个图片,调整层巨细,使层尽可能与图片巨细附近,并设置图片链接。然后把层移到动画的开端方位。


二、在菜单栏挑选“修正Modify”->“时刻轴Timeline”->“增加目标到时刻轴Add object to Timeline”。点击后,弹出对话框,告知你只要图象和层才干增加到时刻轴。对话框按确认后,咱们选中Layer(单击层符号或层鸿沟,或用层面板挑选一层,当一个层被选中时,层鸿沟会显现出调整巨细手柄,按住鼠标左键不放,拖进时刻轴动画栏的榜首频道,即面板上竖写1,2,3等等的“1”那行,时刻轴里边立刻增加了一个默许的15帧动画。如图1所示:

  然后,单击动画栏最终关键帧符号,再选中页面中的层Layer1,将它拖动到动画的完毕点,或许在“层的特点面板”改动层的“左L”特点巨细来确认完毕帧层的方位。此刻,页面中显现了从动画开端方位到完毕方位有一线条,这便是层的运动轨道。要想让页面翻开时分它就开端运动,就在“时刻轴TimeLine”面板上的“主动播映Autoplay”前打勾,如图2所示:按在时刻轴上中部的“->”箭头不放,就可以直接预览这直线动画了,或许按下F12键预览。

  接下来,咱们要进行一系列美化作业,由于这个简略的直线运动作用并不漂亮,而且广告图片也没有发生改动。 三、改动时刻栏的特点发生移动改动


(1)在动画移动间隔不变的情况下,改名动画移动速度。由于咱们拉层进时刻轴面板开端时分的帧数是默许的15帧,在上面预览时分就感到速度有点快。要改动速度,咱们就得改动动画一共帧数。鼠标左击选中“时刻轴面板”中的“榜首频道”完毕帧不放,向右拖动至你所想要的完毕帧,例如75帧处,铺开鼠标。此刻,完毕帧的空白小圆也移至到了第75帧处。按F12预览一下,动画的移动速度显着变慢。可是要注意的是咱们仅仅在坚持动画运动轨道的长度不变的情况下,改动了动画移动的速度,即时刻轴上的帧数。假如在一起改动改动开端和完毕帧层的方位,就会发生各种不同速度作用,读者可以自己试着测验。


(2)发生曲线的运动。上面做的动画仅仅简略的直线运动,假如改动成曲线的运动,漂亮程度就大大的加强了。曲线运动中最首要的便是关键帧的设置。


a.在“时刻轴面板动画栏”上增加一个关键帧: 挑选动画栏的榜首频道中你想要增加关键帧处, 按住Control键单击,即刻在刺进点方位增加一个关键帧。或许鼠标右击挑选动画栏的榜首频道中你想要增加关键帧处,在弹出的方便菜单里边挑选“增加关键帧Add Keyframe”,也可以参加关键帧。


b.在增加的关键帧处移动层:在确保选中了后来增加的关键帧下,挑选页面中的层,移动层至你所想要的当地。此刻直线改动成了曲线。你可以多增加几个关键帧,再移动层,使发生的曲线移动愈加润滑。按F12键预览,曲线作用是不是比曾经的直线作用好多了?


c.直接经过拖动层,生成途径,发生动画。从开端的刺进一个层后->选中该层,并一向坚持该层被选中状况->移动层到动画开端方位->翻开菜单“修正Modify”->“时刻轴Timeline”->“录制层移动途径Record Path of Layer”->在页面上拖动层,创立想要的运动途径->在动画完毕处松开鼠标,时刻轴内主动生成了一个动画栏,而且界说了一定数意图关键帧。


四、增加鼠标触发特点,发生广告图片的替换改动


  鼠标触发的各种特点,能发生各种改动。这儿咱们要用到的是onMouseout和onMouseover两个特点。

翻开菜单“窗口Windows” ->挑选“行为Behaviors”->弹出“行为”窗口->选中层中的广告图片->点击“行为”窗口中的“+”->在弹出的菜单里边挑选“对调图象”


  在“对调图象”对话框里边阅读挑选你的广告图片地点途径->在“对调图象”对话框里体系默许中有个“onMouseout复原图象”前是打勾的->直接按“确认”按钮


  “行为”状况窗中多了咱们前面提到的onMouseout和onMouseover两个鼠标触发事情。按F12预览,移动鼠标到图片上,看看是不是图片改动了?再移开鼠标,又康复到本来的图片。这样简略的图片替换行为就完成了。


五、最终考虑的细节


关于途径长度。假定动画是从上之下的,网页高度超越一屏,假如途径没有满足长,那么网页被快速阅读到下一屏的时分就看不到上面的层动画。应该最好将途径画到网页底部,然后设置时刻轴动画栏,使层可以渐渐沿着下来的途径往上动。

怎么设置循环播映。DreamWeaver4.0默许是不断循环,而在DreamWeaver3.0中则可以在“时刻轴”状况栏中打勾挑选。假如只想循环若干次,则要修改该行为的参数来设定循环的次数:双击行为频道中的你想参加行为的帧,弹出行为窗口;在行为窗口中点击“+”,在弹出菜单中挑选“时刻轴Timeline”,再挑选“前往时刻轴帧Go To Timeline Frame”,弹出对话框;在“循环次数Loop times”输入域中输入想要的循环次数(默许留空表明不断循环)。假如期望循环播映不是从榜首帧开端,可以在“跳转第几帧Go to Frame”输入域中输入帧号(默许是第1帧)。

  看到这儿,你应该可以制造出会移动的广告条了吧。多加实践,你还会找到更多有关时刻轴、行为和层的精密之处。http://www.4u2v.com/有更多的相关的文章,假如您有爱好,请持续来逛逛。

   
相关教程
怎么制造会移动的广告条
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
©月光作业室 专业栏目