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实现定时刷新功能代码
May 09 jQuery
jQuery Validate 校验多个相同name的方法
May 18 jQuery
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
Vue中正确使用jQuery的方法
Oct 30 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
jQuery实现简单全选框
Sep 13 jQuery
jQuery实现计算器功能
Oct 19 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 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
How do I change MySQL timezone?
2008/03/26 PHP
PHP设计模式 注册表模式
2012/02/05 PHP
PHP合并两个数组的两种方式的异同
2012/09/14 PHP
解析用PHP实现var_export的详细介绍
2013/06/20 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
发现的以前不知道的函数
2006/09/19 Javascript
javascript replace()正则替换实现代码
2010/02/26 Javascript
理解Javascript_11_constructor实现原理
2010/10/18 Javascript
将list转换为json失败的原因
2013/12/17 Javascript
document.addEventListener使用介绍
2014/03/07 Javascript
javascript arguments使用示例
2014/12/16 Javascript
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
举例讲解AngularJS中的模块
2015/06/17 Javascript
基于jQuery实现动态数字展示效果
2015/08/12 Javascript
chrome调试javascript详解
2015/10/21 Javascript
JavaScript使用闭包模仿块级作用域操作示例
2019/01/21 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
js实现表格数据搜索
2020/08/09 Javascript
Python中的各种装饰器详解
2015/04/11 Python
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
Python微信公众号开发平台
2018/01/25 Python
python实现输入任意一个大写字母生成金字塔的示例
2019/10/27 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
查询优化的一般准则有哪些
2015/03/08 面试题
使用索引(Index)有哪些需要考虑的因素
2016/10/19 面试题
如何在Oracle中查看各个表、表空间占用空间的大小
2015/10/31 面试题
综合实践教学反思
2014/01/31 职场文书
初三学习计划书范文
2014/04/30 职场文书
反邪教标语
2014/06/23 职场文书
《普罗米修斯》教学反思
2016/02/22 职场文书