最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置：首页 > 网络设计学院 > Dreamweaver教程

DW MX实例：个性化 IE 滚动条

日期：04-13    来源：eNet硅谷动力|    作者：rain

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

　　效果说明浅蓝色的底，蓝色的滚动条，而且还有立体感，可以充分展现网页的个性，如图 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 望尘莫及的功能。
本文引用地址：http://www.cnwebshow.com//edu/article_7215.html
热点文章/相关文章
  • · 网页网站设计终极配色集合
  • · 网站设计颜色搭配分析：蓝紫色系（Purple Blue）
  • · 网页搭配教程：关于色彩的对比
  • · 网页设计配色教程关于色彩的调和
  • · 网页搭配教程：简单、洁净、进步风格的
  • · 网页设计配色教程：色彩的象征
  • · 网站设计配色教程：Purple紫色系
  • · 网站设计配色教程：运动型、轻快风格
  • · 网页搭配按形容词分类：简单、时尚、高雅
  • · 网页配色按颜色分类：紫红色系（Red Purple）
    • 无相关信息
    推荐排行榜
    猜你喜欢
    网页设计欣赏排行
  • · 明星个人网站欣赏:LUCIA
  • · 设计师王坤个人网站欣赏
  • · 个人网站欣赏：leechanseung
  • · 个人主页欣赏:i-vivi
  • · 优秀个人网站欣赏：kennymax
  • · 优秀个人网站欣赏:nankaih
  • · 韩雪冬个人BLOG设计欣赏
  • · 精美个人网页设计欣赏：wingcheng
  • · 个人主页欣赏:爱的花园
  • · 精美个人网站欣赏：starpl
  • · 优秀个人网站欣赏:anagnoris
  • · 优秀个人网站欣赏:mohsensamiee
    • 网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明