Reminisce .

教学 ♥ 鼠标指向 scrollbar 出现变化 ( blogskin )

12 March 2012 @ 9:52 AM

转帖请留言和附上链接 ♥

*只限已经美化 scrollbar 的*

还没美化的请按这里

步骤 1

Template - Edit html

步骤 2

用 ctrl +f 找 :

<style type="text/css">

在它下面放入代码 .

步骤 3

代码 :

::-webkit-scrollbar:hover {
height: 15px;
width: 15px;
background: #ffffff;}
::-webkit-scrollbar-thumb:hover {
background-color: #FFFFFF;
border:2px solid #FFC0CB;
}

步骤 4

保存 Save .

红色的是滚动条 ( scrollbar ) 的高度 .

蓝色的是滚动条 ( scrollbar ) 的宽度 .

紫色的是滚动条框框的粗细度 .

粉红色 highlight 的是滚动条框框的种类 .

灰色 highlight 的是滚动条框框的颜色 .

青色的和橙色的请看图 :

任何疑问请在 tagboard 留言 .

在评论箱留言请告诉我 (: