webkit 允许使用图片来装扮滚动条

http___trac.webkit.org_export_41842_trunk_LayoutTests_scrollbars_overflow-scrollbar-combinations.html-1.jpg 先用safari或webkit(当然google浏览器也可以)来看看这个例子

 

http://trac.webkit.org/export/41842/trunk/LayoutTests/scrollbars/overflow-scrollbar-combinations.html

 

它的样式是这样实现的

::-webkit-scrollbar-corner:window-inactive {

   background-image: url(resources/corner-inactive.png);

}

...

我们可以对滚动条通过图片来作不同的定义

同样的 我们可以使用 resize: both 这个样式来定义这个容器是否允许手动修改尺寸

当然这个实例不需要任何脚本就可以实现



[本日志由 puterjam 于 2009-03-20 03:19 PM 编辑]
上一篇: Google启动Chrome体验网站,大炫Chrome和JavaScript威力
下一篇: 谷歌音乐桌面版
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 11 | 引用: 0 | 查看次数: -
卡路西[2009-08-31 11:37 PM | | | 116.22.210.55 | del | 回复回复]
IE8不行!
rockj.cn[2009-05-04 09:07 AM | | | 58.251.101.162 | del | 回复回复]
rockj.cn
bgbfgfg[2009-04-29 05:33 PM | | | 219.140.178.219 | del | 回复回复]
1232131111111111111111111gdfgdfgdfg77777
bbbbgfrew4234234[2009-04-29 05:31 PM | | | 219.140.178.219 | del | 回复回复]
1234214hao
jake[2009-04-20 11:45 AM | | | 123.152.50.107 | del | 回复回复]
www.xlabi.com自定义滚动条 图片也可以 兼容
jake[2009-04-20 11:41 AM | | | 123.152.50.107 | del | 回复回复]
乱码[2009-04-06 01:20 PM | | | 221.11.46.228 | del | 回复回复]
很好很强悍。 www.dai3.cn乱码支持一下
ices[2009-04-01 03:25 PM | | | 123.160.206.160 | del | 回复回复]
很好很强大
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱:
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 500 字 | UBB代码 开启 | [img]标签 关闭