jQuery滚动条美化插件nicescroll简单用法示例


Posted in jQuery onApril 18, 2018

本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考,具体如下:

你是否遇到过这种情况:想要在网页中嵌入div块并且局部滚动,但滚动条太难看啦!!!

jQuery滚动条美化插件nicescroll简单用法示例

使用jquery.nicescroll来美化滚动条吧(so easy!!):

首先:下载jquery.nicescroll.js。百度一下哦!!!(或者像本例所示直接使用CDN地址)

然后引入jquery.nicescroll.js,并且使用:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>3water.com jquery.nicescroll插件</title>
    <style>
      .div{
        width: 300px;
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
      }
    </style>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery.nicescroll/3.7.6/jquery.nicescroll.js" ></script>
    <script>
      $(function(){
         $(".div").niceScroll({cursorcolor:"#cccccc"});
      });
    </script>
  </head>
  <body>
    <div class="div">
      去西藏应该避开雨季,大家都知道西藏属于高原地区,是冻土、流沙、泥石流多发的地段,雨季山体滑坡、落石严重,湖水混浊,行路与景色都不怎么样。所以,最好在5、6、9、10月去比较好。我国西藏地区海拔都在3000米以上,所以去西藏旅游最好带上氧气和预防高原反应的药品,对车辆要认真见车,在西藏境内加油站非常少,最好在200公里左右加一次油。
去内蒙自驾游一般选择7、8月间,可以看看中国最大的草原——呼伦贝尔大草原(海拉尔),锡林格勒、阿尔山、克什克腾、地热、四子王旗、二连浩特口岸、满洲里口岸等。
去河南、河北、山东、四川、青海、陕西、宁夏、甘肃(包括嘉峪关、莫高窟)等地玩儿,一般全年均可,选择4月到11月期间去,不会太冷,最好6、7月份去,还可以避暑。
去新疆,8、9、10月比较好,正是新疆水果最多的时候。
去广东、广西、海南、云南、上海、苏州、杭州、南京、无锡、宁波等地,春天去比较好,可以避开炎热的夏天。
去东北,如北戴河、山海关、辽宁等以夏季为宜。吉林、长白山、雪乡、哈尔滨、漠河、北极村、小兴安岭在冬季1月—2月之间最好,可以观看雪景、冰雕,也是滑雪的好时期。
    </div>
  </body>
</html>

运行效果:

jQuery滚动条美化插件nicescroll简单用法示例

大家学会了吗,很简单哦!!!

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
jQuery实现手势解锁密码特效
Aug 14 jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
jQuery选择器之表单元素选择器详解
Sep 19 jQuery
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
jquery实现穿梭框功能
Jan 19 jQuery
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 #jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 #jQuery
jQuery实现的两种简单弹窗效果示例
Apr 18 #jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 #jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 #jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 #jQuery
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 #jQuery
You might like
php 什么是PEAR?
2009/03/19 PHP
九个你必须知道而且又很好用的php函数和特点
2013/08/08 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
php恢复数组的key为数字序列的方法
2015/04/28 PHP
php添加数据到xml文件的简单例子
2016/09/08 PHP
PHP session会话操作技巧小结
2016/09/27 PHP
微信公众号开发客服接口实例代码
2016/10/21 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
2011/03/28 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
2014/09/04 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
深入探讨javascript函数式编程
2015/10/11 Javascript
js实现密码强度检测【附示例】
2016/03/30 Javascript
微信小程序授权获取用户详细信息openid的实例详解
2017/09/20 Javascript
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
2018/11/13 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
2020/04/26 Javascript
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
[02:04]2020年夜魇暗潮预告片
2020/10/30 DOTA
详解Python实现多进程异步事件驱动引擎
2017/08/25 Python
python 删除系统中的文件(按时间,大小,扩展名)
2020/11/19 Python
美国知名女性服饰品牌:New York & Company
2017/03/23 全球购物
C有"按引用传递"吗
2016/09/06 面试题
艺术专业大学生自我评价
2013/09/22 职场文书
梅花魂教学反思
2014/04/25 职场文书
学习十八届四中全会依法治国心得体会
2014/11/03 职场文书
工会工作个人总结
2015/03/03 职场文书
python 下载文件的几种方式分享
2021/04/07 Python
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android
mybatis 解决从列名到属性名的自动映射失败问题
2021/06/30 Java/Android
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技