您好,欢迎来到素彩网!

利用Dreamweaver插件改变IE浏览器滚动条

来源:sc115.com | 443 次浏览 | 2011-07-21

标签: Dreamweaver 利用Dreamweaver插件改变IE浏览器滚动条 Dreamweaver教程

  做网页,常常觉得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 利用Dreamweaver插件改变IE浏览器滚动条 Dreamweaver教程 

最热-Dreamweaver综合教程

浅析DW4中的站点管理

DreamWeaver表格妙用-线框打造详解5

DreamWeaver表格妙用-线框打造详解4

DreamWeaver表格妙用-线框打造详解2

Dreamweaver行为全接触3

DREAMWEAVER 技巧(下)

DreamWeaver表格妙用-线框打造详解3

三步打造超炫Flash按钮

典型的三行二列居中高度自适应布局

如何打造会移动的广告条

怎么改善现有网站

用!important解决IE和Mozilla的布局差别

META标签的奥妙

素材
现代豪华别墅公共客厅现代豪华别墅公共客厅
现代温馨敞开式厨房现代温馨敞开式厨房
灯光昏暗的卧室灯光昏暗的卧室
现代简约带卫生间主卧现代简约带卫生间主卧
中式落地窗客厅中式落地窗客厅
欧式风格卧室欧式风格卧室
现代欧式客厅3D模型(含材质)现代欧式客厅3D模型(含材质)
现代小资卧室3D模型(含材质)现代小资卧室3D模型(含材质)
欧式复古客厅3D模型(含材质)欧式复古客厅3D模型(含材质)