使用Dreamweaver插件个性化IE滚动条

2008-02-23 06:22:34来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  本文选自4u2v工作室编写的《Dreamweaver网页设计和制作100例》(人民邮电出版社出版,ISBN: 7115142394 )。未经著作权任何者书面授权许可,禁止转载本文。

  购买地址:点击访问

  读者在网际畅游时一定见过不少网页的滚动条和别的滚动条不同,有自己特别的颜色和样式,令人耳目一新。

  效果说明

  浅蓝色的底,蓝色的滚动条,而且更有立体感,能够充分展现网页的个性,如图 30-1 所示。

使用Dreamweaver插件个性化IE滚动条

  创作思想

  使用 Macromedia 的扩展插件 IE5.5 Custom Scrollbars 能够简单、方便地实现 IE 滚动条的个性化。

  操作步骤

  ( 1 )安装插件。单击菜单栏中的【命令】|【扩展管理】命令,调出【 Macromedia 扩展管理器】对话框,安装 IE5.5 Custom Scrollbars 扩展,如图 30-2 所示。

使用Dreamweaver插件个性化IE滚动条

  注意: Macromedia 扩展管理器( Macromedia Extension Manager )一般会随 Macromedia Dreamweaver MX 2004 一起安装,假如读者尚未安装,请到相关网站下载并安装。

  ( 2 )配置 IE 滚动条。安装完成后,在【常用】插入栏中就能够看到【 IE5.5 Custom Scrollbars 】按钮。单击该按钮,分别配置 IE 滚动条各个部分的颜色,如图 30-3 所示。

使用Dreamweaver插件个性化IE滚动条

  ( 3 )配置文本。为了在页面中显示出滚动条,能够在页面中输入文字或直接按回车键输入字段。然后转换到代码窗口,删除文档类型定义中的“ http://www.w3.org/TR/html4 /loose.dtd ”文字,如图 30-4 所示。

使用Dreamweaver插件个性化IE滚动条

  提示:假如读者没有安装 IE5.5 Custom Scrollbars 插件或不想使用扩展插件,能够直接在代码窗口中输入代码。具体代码能够参考本实例网页源代码中 <style></style> 之间的代码,只需改变颜色代码并将其复制到其他网页中即可。

  ( 4 )保存页面文档,然后在浏览器中打开该文档进行预览,本实例操作完毕。插件种类繁多,功能强大,通过插件能够实现 Dreamweaver 望尘莫及的功能。



标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: 教您如何用Dreamweaver制作特色分隔线

下一篇: Dreamweaver中层的应用技巧