Reminisce .

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

16 February 2012 @ 9:16 PM

转帖请留言和附上链接 ♥

今天教的是

鼠标指向滚动条出现变化 :D

就是 scrollbar hover .

*只限已经美化 scrollbar 的*

还没美化的请按这里

步骤 1

Blogger Template :

Design - Edit HTML

用 ctrl +f 找 :

a:link {

在它上面放入代码 .

步骤 2

代码 :

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

步骤 3

保存 Save .

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

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

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

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

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

青色的和橙色的请看图 :

任何疑问请在 tagboard 留言 .

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