教学 ♥ 鼠标指向 scrollbar 变色
14 June 2012 @ 10:41 AM



Lee Nak 的教程

转帖请留言和附上链接 ♥






Blogger Template

步骤一

Design - Edit Html


步骤二

用 ctrl + f 找 :
]]></b:skin>


步骤三

]]></b:skin> 上面加入 :
::-webkit-scrollbar:hover {
background: white;
}
::-webkit-scrollbar-thumb:hover {
background: lightsteelblue;
}


步骤四

保存 Save .


解释 :

蓝色的 是 scrollbar 的背景颜色 .

紫色的 是 scrollbar 拖拉按钮的颜色 .


如果想用 图片 作为 scrollbar 的背景 ,

就把 background:颜色代码; 换去 :

background:url(图片网址);






Blogskin

步骤一

Template - Edit Html


步骤二

用 ctrl + f 找 :
a:link {


步骤三

a:link { 上面加入 :
::-webkit-scrollbar:hover {
background: white;
}
::-webkit-scrollbar-thumb:hover {
background: lightsteelblue;
}


步骤四

保存 Save .


解释 :

蓝色的 是 scrollbar 的背景颜色 .

紫色的 是 scrollbar 拖拉按钮的颜色 .


如果想用 图片 作为 scrollbar 的背景 ,

就把 background:颜色代码; 换去 :

background:url(图片网址);







任何疑问请在 tagboard 留言 .

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




版权所有 翻印必究. ♥