2010年06月03日   码农之路   4,722 次浏览
为了让自己的网站更具有个性化,我们可以制定自己所特有的滚动条。
技巧1:将IE滚动条放到左边:
平时习惯了IE的滚动条出现在右边,要是突然跑到左边了,会不会吃一惊。怎么做?很简单,把html代码最前边的<html>改为<html dir=rtl>,再看看你的网页,是不是变了,很有趣吧。
技巧2:不要滚动条:
让竖条没有:
<body style=’overflow:scroll;overflow-y:hidden’>
</body>
让横条没有:
<body style=’overflow:scroll;overflow-x:hidden’>
</body>
两个都没有:
<body scroll=”no”>
</body>
技巧3:彩色的滚动条:
现在网上很流行彩色的滚动条,可以和自己主页的颜色搭配得更协调。那么这又是怎么作出来的呢?
在文件的<head></head>标签里之间加上CSS定义:
<style>
body {scrollbar-3dlight-color:color;
scrollbar-highlight-color:color;
scrollbar-face-color:color;
scrollbar-arrow-color:color;
scrollbar-shadow-color:color;
scrollbar-darkshadow-color:color;
scrollbar-base-color:color;
scrollbar-track-color:color;
}</style>
再看看,是不是变了。不过这是在IE5.5里新出现的CSS属性,所以如果你用的是IE5,可能还看不到
详细说明:
scrollbar-3dlight-color:color;设置或检索滚动条亮边框颜色
scrollbar-highlight-color:color;设置或检索滚动条3D界面的亮边颜色
scrollbar-face-color:color;设置或检索滚动条3D表面的颜色
scrollbar-arrow-color:color;设置或检索滚动条方向箭头的颜色。当
scrollbar-shadow-color:color;设置或检索滚动条3D界面的暗边颜色,
scrollbar-darkshadow-color:color;设置或检索滚动条暗边框颜色。
scrollbar-base-color:color;设置或检索滚动条基准颜色。其它界面颜色将据此自动调整。
scrollbar-track-color:color;设置或检索滚动条的拖动区域颜色
其中color为你要设置的颜色代码,可以是16进制的,如#FF0000,也可以是以RGB表示的,如rgb(255,0,255)。
好了,就这样了,快去制作自己特色的IE滚动条吧。
>>> Hello World <<<
这篇内容是否帮助到你了呢?
如果你有任何疑问或有建议留给其他朋友,都可以给我留言。