`

19个带示例的jQuery滚动条插件

阅读更多

http://blog.sina.com.cn/s/blog_4abb9bba0101bgu7.html

1、NiceScroll:可用于桌面、移动与触摸设备的jQuery滚动插件

NiceScroll是一个jQuery插件(since 1.5),它有着类似于ios/移动设备的样式。它支持Div、iFrame、一个body的滚动条效果。适用于iOS设备。

在线演示

2、Lion样式jQuery滚动条:nanoScroller

nanoScroller提供提供了一种简便的方式让你的网站拥有Mac OS X Lion样式的滚动条。

在线演示

3、jQuery自定义内容滚动

自定义滚动插件利用就Query UI以提供完整的CSS自定义,它支持水平/垂直滚动,并支持鼠标滚轮(通过Brandon Aaron jQuery 鼠标滚轮插件实现),滚动顺滑并能自适应滚动条高宽。

在线演示 查看更多

4、Tiny Scrollbar - 轻量级jQuery插件 

在线演示 查看更多

5、jScroolPane实现滚动条可见性变换

在线演示 查看更多 

6、Scrollbar Paper

Scrollbar Paper并不是要替代浏览器默认的滚动条。相反,它只是对滚动条的自定义,就像墙纸一样。

在线演示 查看更多

7、jScrollPane - 自定义跨浏览器滚动条

在线演示 查看更多 

8、jQuery Scrollbars v2

该插件能自适应Javascript被禁用下的滚动效果。

在线演示 查看更多 

9、ShortScroll - jQuery UI 之Google Wave样式滚动条

Google Wave中的滚动条是其中最棒的UI特性。它增加加的功能以及样式比浏览器默认的更好。

在线演示 查看更多 

10、jQuery UI 滑块实现竖直滚动条   

在线演示 查看更多

11、Scrollbar.js插件 

该插件只有一个目的,就是创建滚动条从事在较小的可视范围内展现内容。

在线演示  查看更多

12、jScroll 4:为移动WebKit提供滚动特性

在线演示

13、jScrollbar :利用jQuery UI创建滚动条

在线演示 查看更多

14、jQuery 滚动条挂件:jqWidgets

在线演示 查看更多

15、jQuery 个性化滚动条插件(跨浏览器)

在线演示 查看更多

16、使用jQuery 与 css 实现Gmail风格滚动条

在线演示

17、使用jQuery 与 css 构建Facebook/Twitter样式滚动条

在线演示

18、Scrollbars V2 

在线演示

19、RollBar - jQuery滚动条插件 

RollBar插件被开发目的在于代替标准浏览器的滚动条,使其能被定制化以及完美的配合网站风格。

在线演示 查看更多

原文链接 OSChina.NET 原创翻译

分享到:
评论

相关推荐

    100多个JQuery效果示例(实例)div+css+javascrpit

    41. jquery拖动滚动条控制图片滚动及图片放大特效的示例 42. jquery旋转式图片切换并带图片放大功能 43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...

    jquery 动态示例

    41. jquery拖动滚动条控制图片滚动及图片放大特效的示例 42. jquery旋转式图片切换并带图片放大功能 43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    41. jquery拖动滚动条控制图片滚动及图片放大特效的示例 42. jquery旋转式图片切换并带图片放大功能 43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    41.jquery拖动滚动条控制图片滚动及图片放大特效的示例 42.jquery旋转式图片切换并带图片放大功能 43.jQuery漂亮网页右上角双层撕角广告代码 44.jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...

    JavaScript_JQuery_CSS_DIV漂亮的实例

    41. jquery拖动滚动条控制图片滚动及图片放大特效的示例 42. jquery旋转式图片切换并带图片放大功能 43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...

    30个jquery经典Demo

    26. **无限滚动(Infinite Scroll)**:监测滚动条位置,动态加载更多内容,提升用户体验。 27. **自定义事件(Custom Events)**:通过`.trigger()`和`.on()`创建并触发自定义事件,增加代码灵活性。 28. **DOM...

    最优秀的50个JQ插件

    16. **Scrollable插件**:为元素添加滚动条,适用于需要自定义滚动行为的情况。 17. **Rating插件**:实现星级评价功能,常用于产品评价或用户反馈。 18. **Draggable & Droppable插件**:实现拖拽功能,适用于...

    很酷的60款jQuery 幻灯片演示和下载

    以上只是部分示例,还有许多其他优秀的jQuery幻灯片插件,如jQZoom Evolution、jQuery和Flickr结合的相册、Wilq32.RotateImage等,每一种都为网页设计增添了独特魅力。 在使用这些插件时,开发者需要注意几个关键点...

    20个优秀JavaScript导航菜单.doc

    - **特性**:带动画效果的滚动标签条。 - **技术要点**: - 利用CSS3的transform属性实现3D透视效果。 - JavaScript控制标签条的滚动动画。 ##### 7. 垂向仿Digg菜单 - **特性**:类似知名网站Digg的导航风格。 -...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -这个BUG导致Asp.net compatibility中的示例无法完成,现在已经修正。 +去除PageManager中方法AddAjaxAspnetControls,增加属性AjaxAspnetControls。 -这个属性和Button得ValidateForms属性类似,可以查看Asp...

    ExtAspNet_v2.3.2_dll

    -这个BUG导致Asp.net compatibility中的示例无法完成,现在已经修正。 +去除PageManager中方法AddAjaxAspnetControls,增加属性AjaxAspnetControls。 -这个属性和Button得ValidateForms属性类似,可以查看Asp...

Global site tag (gtag.js) - Google Analytics