百度空间技巧各模块添加滚动条实例 + 参数详解--搜索引擎优化|SEO优化|网页特效|QQ空间技巧|QQ空间代码|动易模板|动易教程|动易插件|天津网站建设|百度空间代码|天津网站推广|天津搜索引擎优化|网站建设|天津网络公司|参考手册|免费空间|天津便宜域名注册|参考手册下载|系统进程|DLL文件|W3C|web标准|QQ技巧|javascript|网页特效|企业blog营销|动易|百度|Alexa排名|seo教程|seo工具|网站推广|网站优化|搜索优化教程|DMOZ技巧|Adwords|网站登录|搜索引擎大全|国外SEO|进程知识|windows进程介绍|windows进程说明|常用代码|常用特效|QQ图像工具|QQ签名|搜索引擎常识|html参考手册|javascript参考手册|vbscript参考手册|SQL中文参考手册|CSS参考手册|PHP参考手册|ASP参考手册|完全参考手册|DHtml参考手册|PHP编码规则|W3C参考手册

百度空间技巧各模块添加滚动条实例 + 参数详解

作者：佚名文章来源：本站原创点击数：更新时间：2006-10-7 热荐 ★★★★★

载入中...

比如，想在“友情链接”处添加滚动条只需下面一条代码即可：

#m_links{overflow-y:auto;height:250px}

不过，加一些参数可以让滚动条更有个性，和页面搭配得更完美。下面就是我的页面各种滚动条的详细代码，大家可以参照着修改：

文章列表的滚动条：

#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1194px;
filter: chroma(color=#E100E1);} /*文章列表的滚动条*/

友情链接的滚动条：

#m_links{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:823px;
filter: chroma(color=#E100E1);} /*友情链接的滚动条*/

文章分类的滚动条：

#m_artclg{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:250px;
filter: chroma(color=#E100E1);} /*文章分类的滚动条*/

最新评论的滚动条：

#m_comment{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:458px;
filter: chroma(color=#E100E1);} /*最新评论的滚动条*/

参数说明：

1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。

参数:
visible：扩大面积以显示所有内容
auto：仅当内容超出限定值时添加滚动条
hidden：总是隐藏滚动条
scroll：总是显示滚动条

2、height : 设置滚动条的高度（修改其后数值即可）。

3、滚动条颜色参数设置：

scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色
scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色
scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色
scrollbar-base-color 设置或检索滚动条基准颜色

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

上一篇文章：百度空间加入FLASH代码

下一篇文章：百度空间技巧-让你的背景,BANNER以及logo自动更新

载入中...

百度空间推荐文章