浏览器窗口滚动条特效及添加滚动条的方法(转)
来源:百度文库 编辑:神马文学网 时间:2024/07/03 07:56:36
实例一、修改浏览器窗口的滚动条样式
直接复制粘贴以下代码到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即可
直接复制粘贴以下代码到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即可
浏览器窗口滚动条特效及添加滚动条的方法(转)
浏览器窗口滚动条特效及添加滚动条的方法(转)
浏览器窗口滚动条特效及添加滚动条的方法
关于滚动条的开发
玩转网页滚动条
如何制作滚动条
滚动条精选&代码
滚动条日志模版
几个滚动条代码
滚动条大全
滚动条框
滚动条精选&代码
滚动条精选&代码
日志滚动条代码
一种美化控件滚动条(ScrollBar)的方法 - VC知识库文章
滚动条的颜色和样式
滚动条精选&代码 - 碎羽残舞的日志
div 中滚动条的控制1
减少开机时的滚动条时间
直接套用的滚动条日志模版
滚动条演示与代码(二)
(十二)用代码设置滚动条
爆笑《超级女生》短信滚动条
隐藏水平滚动条办法