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

 

推荐阅读

    dreamweaver CSS使用教程:区块属性

    dreamweaver CSS使用教程:区块属性,属性,设置,文本,使用教程,显示,对齐,支持,dreamweaver CSS使用教程:区块属性 区 块 属 性 【定义

    dreamweaver CSS使用教程:定位属性

    dreamweaver CSS使用教程:定位属性,定位,属性,设置,显示,使用教程,滚动条,浏览器,dreamweaver CSS使用教程:定位属性 定 位 属 性  【

    dreamweaver CSS使用教程:GLOW属性

    dreamweaver CSS使用教程:GLOW属性,属性,使用教程,参数,选择,滤镜,对象,无效,dreamweaver CSS使用教程:GLOW属性 【glow属性】对象应用gl

    Fireworks制作虚线(2)

    Fireworks制作虚线(2),虚线,制作,输入,选择,命令,网页制作,设定,Fireworks制作虚线(2) 11.在“形状”选项卡,如果不选中“正方形”,并且“大

    Fireworks制作虚线(1)

    Fireworks制作虚线(1),虚线,制作,单击,选择,工具,选项,下拉框,Fireworks制作虚线(1) 操作步骤: 1.启动Fireworks MX,新建一个文件,文件宽和

    Fireworks教程:复杂图像变换(2)

    Fireworks教程:复杂图像变换(2),图像变换,教程,点击,图像,设置,显示,位置,Fireworks教程:复杂图像变换(2) 如果点击“更多选项”按钮,也

    Fireworks制作Mac按钮

    Fireworks制作Mac按钮,工具,填充,圆角矩形,制作,选择,复制,图层,Fireworks制作Mac按钮 1.新建一个文件,背景色自定。使用圆角矩形工具,在编

    fireworks制作圆角三角形

    fireworks制作圆角三角形,三角形,圆角,制作,路径,选择,打开菜单,文本,fireworks制作圆角三角形 1.选择“多边形”工具。 2.

    Excel 2016教程: 选择表格样式选项

    Excel 2016教程: 选择表格样式选项,选择,教程,选项,格式,显示,格中,工具,Excel 2016教程: 选择表格样式选项 选择表格样式选项以设置表格