分隔线:教你如何用Dreamweaver制作特色分隔线



 网页分隔线可以说是网页中不可缺少元素它主要用于分隔网页内容也可以用于装饰网页   效果介绍说明:在网页中间会出现条漂亮分隔线并且能够不断闪动从而充分体现出网站WebSite个性如图 1 所示



  创作思想:本例子使用层作为定位然后在层中插入表格在表格中插入图片并在时间轴中分别添加样式滤镜效果

  操作步骤

  ( 1 )新建个网页文件并在网页中插入个层然后在层中插入个 1 行 2 列表格如图 2 所示







  ( 2 ) 设置表格间距然后在表格单元格中插入图片如图 3 所示



  ( 3 ) 设置时间轴调出时间轴在时间轴第 5 帧处添加【改变属性】行为并设置层对象属性如图 4 所示





  ( 4 ) 添加行为和改变属性在其他帧中分别添加行为并根据需要改变属性在第 40 帧处添加转到时间轴第 1 帧行为再勾选【自动播放】复选框如图 5 所示



  本图代码如下所述:

  Glow(Color=red, Strength=1)

  Glow(Color=red, Strength=2)

  Glow(Color=red, Strength=3)

  Glow(Color=red, Strength=4)

  Glow(Color=red, Strength=3)

  Glow(Color=red, Strength=2)

  Glow(Color=red, Strength=1)

  ( 5 )保存网页文件然后在浏览器中打开该文件就可以看到特色分隔线效果本例子制作完成分隔线在网页上应用非常的广而且变化万千读者可以自己研究做出独特有自己风格分隔线

Tags:  空间分隔线 qq空间分隔线 word分隔线 分隔线

延伸阅读

最新评论

发表评论