首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>Dreamweaver>文章内容
利用Dreamweaver插件改变IE浏览器滚动条
来源: 作者: 发布时间:2007-04-12

 做网页,常常觉得IE浏览器的滚动条与设计的网页不一致,就像好好的一锅汤,不小心掉了老鼠屎进去一样,严重影响了网页整体的美观。想尽办法去处理,却不尽人意,比如用弹出窗口,免不了造成浏览都点击放大按钮的麻烦,把滚动条去掉,可是它不适用于一屏显示不了的网页。

  现在好了,这样的问题已经从一定的程度上得到了解决!让人讨厌的微软,做尽不少垄断事情的微软,还是从客户方向考虑增强软件的功能的,IE浏览器5.5以上版本已经允许人们设置样式表来改变滚动条的外观。来看看效果

  现在我们一步步来看看是如何制造这种效果的吧:

  原理之前已经说了,就是IE5.5以上版本内嵌了用样式表(css)来控制它的游动条的功能,只要为网页添加CSS代码即可完成。有些人听到代码就头疼,大家放心,有人已经利用Dreamweaver的扩展接口做好了MXP插件,大家只要去有关网站即可下载安装。我们做的功夫只是选择颜色数值。

  *&^%¥@#,哇,谁扔蕉皮?

  *&^&$^%&%&$$#,哇,谁砸石头?

  ...

  好了好了,废话少说,只因公司要字数,只好...希望大家体谅体谅!不想看的可以直接去效果页面,直接copy源代码!

  废话少说,现在让我来开门见山(嘻嘻,还开门见山!!),由安装开始。

调出插件管理器-Manage Extensions,打开方法:Command-->Manage Extensions

界面如下图:

点击按钮,在存放插件的目录中选择插件,双击文件,当出现提示窗口时,按OK即可。关闭Dreamweaver,重新起动一次。按快捷键Ctrl + F2打开工具箱,即可看到Common里多了一个三角形向上的图标(下图箭头所示)。

点击图标,在弹出窗口中按个人需要设定滚动条的各种颜色值。

上图的注释:

1、滚动条表面的颜色

2、滚动条高光处(与阴影处正好相反)的颜色

3、滚动条阴影的颜色

4、游动条3D(立体感)颜色

5、滚动条上下按钮中间三角形的颜色

6、滚动条的颜色(兄弟,你怎么称呼?滑动方块后面物体的颜色)

7、滚动条黑阴影颜色

还是加上一张从老外网站上找到的图片注释吧

按F12预览,发现效果已经完成。

效果一:

去效果页面

效果二:

去效果页面

呵呵,是不是很简单呢?

啊!!!...(请念第四声!)

(大家觅声一看,小编TNT已经躺在蕉皮堆之中!)

点击此处去效果页




[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·Dreamweaver经典问题大搜罗(全集)2
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
相关文章
·Dreamweaver 4.0 新增功能全接触
·浅析DW4中的站点管理
·在IE中调用Dreamweaver编辑网页
·用Dreamweaver实现漫天花雨效果
·Dreamweaver的操作诀窍点滴
·使网页随浏览器伸展
·Dreamweaver经典技巧,一个也不能少
·如何制作会移动的广告条
·Dreamweaver4.0 快捷键自己DIY
·为你的站点定做颜色
文章检索
Google
相关文章
·Dreamweaver 4.0 新增功
·浅析DW4中的站点管理
·在IE中调用Dreamweaver
·用Dreamweaver实现漫天
·Dreamweaver的操作诀窍
·使网页随浏览器伸展
·Dreamweaver经典技巧,
·如何制作会移动的广告条
·Dreamweaver4.0 快捷键
·为你的站点定做颜色
·DreamWeaver高级应用
·水平细线的几种制作方法
·Dreamweaver3 图层应用
·Dreamweaver行为全接触(
·Dreamweaver3 图层应用