| 网站首页 | 教程 | 素材 | 图片 | 特效 | 论坛 | 字体 | 模板 | 软件 | 书籍 | 源码 | 新闻 | 站长原创 | 动易模板 | 
您现在的位置: 玉叶随风网 >> 教程 >> 网页制作 >> DreamWeaver >> 文章正文 用户登录 新用户注册
[组图]DW网页设计100例30:个性化IE滚动条         ★★★ 【字体:
DW网页设计100例30:个性化IE滚动条
热门推荐:
普通文章 Dreamweaver层及其应用
普通文章 网页制作:用Dreamweav
普通文章 小技巧让你轻松Diy你的
普通文章 用Dreamweaver实现网站
作者:4u2v工作…    文章来源:4u2v工作室    点击数:    更新时间:2006-5-3

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

购买地址:点击访问

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

效果说明

浅蓝色的底,蓝色的滚动条,而且还有立体感,可以充分展现网页的个性,如图 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 望尘莫及的功能。

 

[1] [2] 下一页

文章录入:碧玉叶    责任编辑:碧玉叶 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口