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使用教程:GLOW属性
dreamweaver CSS使用教程:GLOW属性,属性,使用教程,参数,选择,...
-
手机移动网页制作:WML网页段落、文本格式化、表
手机移动网页制作:WML网页段落、文本格式化、表格,网页,文本,...
-
dreamweaver CSS使用教程:FLIPV 属性
dreamweaver CSS使用教程:FLIPV 属性,属性,使用教程,垂直翻...
-
手机移动网页制作:表单输入框、单选框、复选框
手机移动网页制作:表单输入框、单选框、复选框,输入框,单选框,...
-
Fireworks MX 2004 网页工具-创建简单变换图象
Fireworks MX 2004 网页工具-创建简单变换图象,工具,变换,图...
-
Fireworks制作虚线(2)
Fireworks制作虚线(2),虚线,制作,输入,选择,命令,网页制作,设...
-
Fireworks制作虚线(1)
Fireworks制作虚线(1),虚线,制作,单击,选择,工具,选项,下拉框...
-
Fireworks教程:复杂图像变换(2)
Fireworks教程:复杂图像变换(2),图像变换,教程,点击,图像,设...
-
Fireworks制作Mac按钮
Fireworks制作Mac按钮,工具,填充,圆角矩形,制作,选择,复制,图...
-
fireworks制作圆角三角形
fireworks制作圆角三角形,三角形,圆角,制作,路径,选择,打开菜...
-
Excel 2016教程: 选择表格样式选项
Excel 2016教程: 选择表格样式选项,选择,教程,选项,格式,显示...
-
Excel 2016教程: 隐藏单元格中的错误指示器
Excel 2016教程: 隐藏单元格中的错误指示器,单元,指示器,错误...
-
Excel 2016教程: 创建单个单元格数组公式
Excel 2016教程: 创建单个单元格数组公式,数组,教程,一致性,...