教学 ♥ 鼠标指向 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 留言 .

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




版权所有 翻印必究. ♥