您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> Dreamweaver教程 >> 文章正文
[图文]DW MX实例:个性化 IE 滚动条           ★★★
DW MX实例:个性化 IE 滚动条
作者:68design…  文章来源:68design.net  点击数:  更新时间:2007-10-18 23:55:10 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

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

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

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    Dreamweaver超级技巧(中)
    Dreamweaver超级技巧(下)
    Dreamweaver滑动菜单的制作
    Dreamweaver MX应用表格排序
    Dreamweaver的技巧锦集17条
    Dreamweaver技巧大放送前六招
    使用Dreamweaver制作网页事如何使用库
    简单实用的网页表格特效
    DW MX实例:极酷的鼠标外观
    技巧:让网页中文字替代图片
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门