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

更新时间：2018年04月18日 10:59:10 作者：包子源

这篇文章主要介绍了jQuery滚动条美化插件nicescroll简单用法,结合实例形式简单分析了jQuery滚动条美化插件jquery.nicescroll.js的引入与使用技巧,非常简单实用,需要的朋友可以参考下

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

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

使用jquery.nicescroll来美化滚动条吧（so easy！！）：

首先：下载jquery.nicescroll.js。百度一下哦！！！（或者像本例所示直接使用CDN地址）

然后引入jquery.nicescroll.js，并且使用：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>www.jb51.net 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相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery常见经典特效汇总》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

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

您可能感兴趣的文章:

jquery动态分页效果堪比时光网
刚刚弄好了一个jquery动态分页效果，拿出来与大家分享，效果与时光网的差不多
2014-09-09
jQuery利用sort对DOM元素进行排序操作
这篇文章主要为大家详细介绍了JQuery利用sort对DOM元素进行排序的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
使用jQuery和ajax代替iframe的方法(详解)
下面小编就为大家带来一篇使用jQuery和ajax代替iframe的方法(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
详解jQuery UI库中文本输入自动补全功能的用法
这篇文章主要介绍了详解jQuery UI库中文本输入自动补全功能的用法,其中重点讲解了常用的邮箱地址输入时后缀自动补全功能的使用,需要的朋友可以参考下
2016-04-04
新手常遇到的一些jquery问题整理
最近在做项目的时候使用了Jquery~新手学习jquery.~遇到了一些"奇怪"的问题(各位大神别拍砖).感谢ClassYuan老大的支持
2010-08-08
jQuery动态添加与删除tr行实例代码
最近由于项目的需要，需要动态的添加和删除table中的tr，感觉用JS可以实现，但是在网上找了一下，单纯的自己写JS，感觉太麻烦，而且也不好维护。于是想到了最近学的jQuery。这篇文章给大家用实例介绍了jQuery动态添加与删除tr行的方法，有需要的朋友们可以参考借鉴。
2016-10-10
jquery插入兄弟节点的操作方法
下面小编就为大家带来一篇jquery插入兄弟节点的操作方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-12-12
Jquery操作Select 简单方便一个js插件搞定
Jquery其实本身可以操作select表单，但是由于比较反锁，没有.net 控件那样去操作方便，我在网上Google了一会，发现了一个不错的专门操作select的插件，很好，使用过了，感觉蛮不错的。
2009-11-11
jQuery插件实现适用于移动端的地址选择器
本文给大家分享的是一个jQuery插件，实现的是适用于移动端的地址选择器，有需要的小伙伴可以拿走参考下。
2016-02-02
jquery插件pagination实现无刷新ajax分页
这篇文章主要介绍了jquery插件pagination实现无刷新ajax分页的相关资料,需要的朋友可以参考下
2015-09-09