08:HTMLayout 自定义滚动条样式

 

演示地址:http://www.btbat.com/1065.html

CSS 代码:

/* 自定义垂直滚动条 */
@set mini_scrollbar {
	.base { width: 9px;border:none;}
	:root { }
	:root:hover { }
	.base, .prev, .next, .next-page, .prev-page ,.corner ,.button{ 
		display:none;background-color: transparent; border: none; height:0; foreground-image:none;}
	.slider {background: transparent url(../images/sider_normal.png);
		background-position: 4px 0px 4px 0px;
		background-repeat: expand;}
	.slider:hover {background-image: url(../images/sider_hover.png);}}

所需图片文件(右键另存为):08:HTMLayout 自定义滚动条样式 - R站|学习使我快乐! - 1

08:HTMLayout 自定义滚动条样式 - R站|学习使我快乐! - 2

 

css 引用代码:  overflow-y:auto;vertical-scrollbar: mini_scrollbar;

编程语言

07:HTMLayout 牛刀小试 - R大软件管理器演示

2016-12-9 13:43:30

编程语言

09:HTMLayout 各种控件CSS样式

2016-12-9 13:55:55

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
搜索