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遍历Json数据的方法

    Jquery遍历Json数据的方法

    这篇文章主要介绍了Jquery遍历Json数据的方法,涉及jQuery遍历json格式数据的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • jQuery UI 应用不同Theme的办法

    jQuery UI 应用不同Theme的办法

    jQuery UI是一套非常好用的jQuery Tools库,目前已经发布的最新版本是1.8.4。在我自己的使用过程中,总有一些不爽。因为我下载的那个包里默认的主题样式是下图这样的,使用起来很难和具体的网页风格去配合。
    2010-09-09
  • JQuery学习笔录 简单的JQuery

    JQuery学习笔录 简单的JQuery

    尺寸小、使用简单方便(Write Less, Do More,吃得少干得多,而且目前许多大公司都在支持JQuery,例如微软,微软把JQuery继承在了vs2010中
    2012-04-04
  • 基于jQuery Bar Indicator 插件实现进度条展示效果

    基于jQuery Bar Indicator 插件实现进度条展示效果

    这篇文章主要介绍了基于jQuery Bar Indicator 插件实现进度条展示效果的相关资料,需要的朋友可以参考下
    2015-09-09
  • jquery向.ashx文件post中文乱码问题的解决方法

    jquery向.ashx文件post中文乱码问题的解决方法

    jquery向.ashx文件post中文乱码问题的解决方法,需要的朋友可以参考下。
    2011-03-03
  • Jquery结合HTML5实现文件上传

    Jquery结合HTML5实现文件上传

    本文给大家介绍的是利用Jquery使用HTML5的FormData属性实现对文件的上传的方法和实例,非常的实用,有需要的小伙伴可以参考下。
    2015-06-06
  • EasyUI创建人员树的实例代码

    EasyUI创建人员树的实例代码

    最近做项目做一个树状的下拉列表,下面小编把easyUI创建人员树的实现代码分享到脚本之家平台,需要的朋友参考下吧
    2017-09-09
  • 用jquery模仿的a的title属性(兼容ie6/7)

    用jquery模仿的a的title属性(兼容ie6/7)

    用jQuery实现的模仿a的title属性的例子,在测试的时候ie6,7上出现了层次混乱,不过最终解决了,代码书写很详细,感兴趣的朋友可以了解下哦
    2013-01-01
  • jQuery+JSON实现AJAX二级联动实例分析

    jQuery+JSON实现AJAX二级联动实例分析

    这篇文章主要介绍了jQuery+JSON实现AJAX二级联动的方法,以实例形式分析了前台jQuery结合ajax传递json格式数据及后台数据处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • JQuery基础语法小结

    JQuery基础语法小结

    在日常开发中JQuery是我们使用最频繁的JS库。使用JQuery进行开发,你需要先了解JQuery的基本语法。下面是在学习JQuery时总结的一些简单语法。
    2015-02-02

最新评论