首页 > 工具 > Dreamweaver > 正文

DW MX实例:个性化 IE 滚动条-Dreamweaver教程

2020-09-19 12:34:32
字体:
来源:转载
供稿:网友
读者在网际畅游时一定见过不少网页的滚动条与别的滚动条不同,有自己非凡的颜色和样式,令人耳目一新。

  效果说明浅蓝色的底,蓝色的滚动条,而且还有立体感,可以充分展现网页的个性,如图 30-1 所示。

  创作思想 使用 macromedia 的扩展插件 ie5.5 custom scrollbars 可以简单、方便地实现 ie 滚动条的个性化。

按此在新窗口浏览图片

操作步骤

  ( 1 )安装插件。单击菜单栏中的【命令】|【扩展治理】命令,调出【 macromedia 扩展治理器】对话框,安装 ie5.5 custom scrollbars 扩展,如图 30-2 所示。

按此在新窗口浏览图片

  注重: macromedia 扩展治理器( macromedia extension manager )一般会随 macromedia dreamweaver mx 2004 一起安装,假如读者尚未安装,请到相关网站下载并安装。

  ( 2 )设置 ie 滚动条。安装完成后,在【常用】插入栏中就可以看到【 ie5.5 custom scrollbars 】按钮。单击该按钮,分别设置 ie 滚动条各个部分的颜色,如图 30-3 所示。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表