浏览器窗口滚动条特效及添加滚动条的方法(转)

来源:百度文库 编辑:神马文学网 时间:2024/04/29 12:38:42
浏览器窗口滚动条特效及添加滚动条的方法(转) 

实例一、修改浏览器窗口的滚动条样式
直接复制粘贴以下代码到ccs中
body{
scrollbar-face-color:#daa520;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#000;
scrollbar-arrow-color:#4b0082;
scrollbar-base-color:#daa520;
scrollbar-dark-shadow-color:#69f;
}

建议使用在线滚动条制作工具自动生成,生成后的代码放到body{}里面即可。

实例二、给友情链接添加滚动条
思路:利用overflow-y
直接复制粘贴以下代码到css中
#m_links{overflow-y:auto;height:200px}
height是你所希望的友情链接高度。
你也可以把实例一里面的代码放进去让他更漂亮。
如:
#m_links{
overflow-y:auto;height:200px;
scrollbar-face-color:#daa520;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#000;
scrollbar-arrow-color:#4b0082;
scrollbar-base-color:#daa520;
scrollbar-dark-shadow-color:#69f;
}

想添加其他模块的滚动条,只需将m_links替换成想添加的模块id即可