Dreamweaver闪动分隔线效果制作技巧

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