利用Dreamweaver插件改变IE浏览器滚动条
<P class=article> 做网页，常常觉得IE浏览器的滚动条与设计的网页不一致，就像好好的一锅汤，不小心掉了老鼠屎进去一样，严重影响了网页整体的美观。想尽办法去处理，却不尽人意，比如用弹出窗口，免不了造成浏览都点击放大按钮的麻烦，把滚动条去掉，可是它不适用于一屏显示不了的网页。</P><P class=article> 现在好了，这样的问题已经从一定的程度上得到了解决！让人讨厌的微软，做尽不少垄断事情的微软，还是从客户方向考虑增强软件的功能的，IE浏览器5.5以上版本已经允许人们设置样式表来改变滚动条的外观。来看看效果吧</P><P class=article> 现在我们一步步来看看是如何制造这种效果的吧：</P><P class=article> 原理之前已经说了，就是IE5.5以上版本内嵌了用样式表（css）来控制它的游动条的功能，只要为网页添加CSS代码即可完成。有些人听到代码就头疼，大家放心，有人已经利用Dreamweaver的扩展接口做好了MXP插件，大家只要去有关网站即可下载安装。我们做的功夫只是选择颜色数值。</P><P class=article> ＊＆＾%￥＠＃，哇，谁扔蕉皮？</P><P class=article> *&^&$^%&%&$$#，哇，谁砸石头？</P><P class=article> ...</P><P class=article> 好了好了，废话少说，只因公司要字数，只好...希望大家体谅体谅！不想看的可以直接去效果页面，直接copy源代码！</P><P class=article> 废话少说，现在让我来开门见山(嘻嘻，还开门见山！！)，由安装开始。</P><P class=article>调出插件管理器－Manage Extensions，打开方法：Command-->Manage Extensions</P><P class=article align=center><IMG height=306 src="/bbs/attachments/websoft/20081208/2008128123995377801.GIF" width=282></P><P class=article>界面如下图：</P><P class=article align=center><IMG height=263 src="/bbs/attachments/websoft/20081208/200812812310077802.GIF" width=455></P><P class=article>点击按钮<IMG height=21 src="/bbs/attachments/websoft/20081208/2008128123104677803.GIF" width=30>，在存放插件的目录中选择插件，双击文件，当出现提示窗口时，按OK即可。关闭Dreamweaver，重新起动一次。按快捷键Ctrl F2打开工具箱，即可看到Common里多了一个三角形向上的图标（下图箭头所示）。</P><H1 class=article align=center><IMG height=279 src="/bbs/attachments/websoft/20081208/2008128123109377804.GIF" width=114><P class=article>点击图标<IMG height=27 src="/bbs/attachments/websoft/20081208/20081281231014077805.GIF" width=28>，在弹出窗口中按个人需要设定滚动条的各种颜色值。</P><P class=article align=center><IMG height=277 src="/bbs/attachments/websoft/20081208/20081281231018777806.GIF" width=369></P><P class=article>上图的注释：</P><P class=article>1、滚动条表面的颜色</P><P class=article>2、滚动条高光处（与阴影处正好相反）的颜色</P><P class=article>3、滚动条阴影的颜色</P><P class=article>4、游动条3D（立体感）颜色</P><P class=article>5、滚动条上下按钮中间三角形的颜色</P><P class=article>6、滚动条的颜色（兄弟，你怎么称呼？滑动方块后面物体的颜色）</P><P class=article>7、滚动条黑阴影颜色</P><P class=article>还是加上一张从老外网站上找到的图片注释吧</P><P class=article align=center><IMG height=200 src="/bbs/attachments/websoft/20081208/20081281231023477807.gif" width=150></P><P class=article>按F12预览，发现效果已经完成。</P><P class=article>效果一：</P><P class=article align=center><IMG height=357 alt=去效果页面 src="/bbs/attachments/websoft/20081208/20081281231028177808.GIF" width=410 border=0></P><P class=article>效果二：</P><P class=arti
页:
[1]