八、制作静止浮动效果 大家在浏览某
网页时有没有注意到这种情况:某张
图片不管你怎么调整浏览器的窗口,它总是处于相对位置:即:相对浏览器窗口的位置保持不变,比如永远处在窗口的右上部分,当窗口内容跟随滚动条滑动时,它会自动的移到原来的位置上。下面我就教大家如何用Dreamweaver来实现这种效果。
1、由于Dreamweaver中没有直接提供制作静止浮动层的工具,完成这些是通过相应的插件来实现的,所以你必须先到相关网址下载stav插件,解压缩将里面的两个文件(其中包括图片文件Cross Browser Static Division.gif和网页文件Cross Browser Static Division.htm)都拷贝到Dreamweaver安装目录Configuration\Objects\Common下。重新启动Dreamweaver,在Object(对象)面板中,你会看到最底部多了"SI"选项,选中它在弹出的窗口中设定浮动层到上边和左边的距离,然后在图层中插入指定的内容以替换默认值.这时一个简单的浮动层就完成了。
2、需要调整图层在网页中的位置时,可以先选中它,然后在Properties(属性)板中更改L(左边),T(上边)值。如下图:

(图12) 小结: Dreamweaver图层的应用远比我们想像的要广。很多需要编程来实现的效果,都可用图层轻松搞定。但单单靠几个范例是不可能把Dreamweaver图层吃透,本文只是起抛砖引玉,修行还得看个人,希望大家在学习使用过程中要善于思考,举一反三,体会到一些巧妙独到的应用技巧。