Dreamweaver闪动分隔线效果制作技巧
在网页制作中,多彩分隔线的加入会让我们的网页增色不少。现在我们就来一同看看,变换色彩的的分割线是如何制作出来的。
打开Dreamweaver软件,新建一个网页并保存。 插入一个层,在层上插入一个表格,设置表格为1行1列。在单元格中插入图片。如图1所示。 选择“窗口”—“时间轴”命令,或者按住键盘上的Alt+F9,打开时间轴。选中时间轴第5帧,点击“标签”—“行为”—“改变属性”命令,在弹出的对话框中,对象类型选择LAYER,命名对象为layer“layer1”,属性为选择中的style。filter,新的值设置为Glow(Color=red,Strength=1)。 如图2所示。 在10、15、20、25帧处依次填加行为中的改变属性,设置数值分别为:Glow(Color=green,Strength=1);Glow(Color=blue,Strength=2);Glow(Color=orange,Strength=3);Glow(Color=yellow,Strength=4)。最后选中“自动播放”和“循环”选项,即可。如图3所示。 保存网页,浏览网页。 如果我们要做出很长的分隔线,只需要将表格设置成1行n列,然后执行2—4步骤就可以了。好了,看一看我们制作的分隔线在五光十色的闪动啊,是不是很漂亮啊!
图1
图2
图3