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实现图片上传前本地预览
Apr 28 jQuery
jquery Form轻松实现文件上传
May 24 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
jQuery+ajax读取json数据并按照价格排序示例
Mar 28 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 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
提升PHP执行速度全攻略(下)
2006/10/09 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
2012/02/03 Javascript
红米手机抢购的js代码
2014/03/10 Javascript
项目中常用的JS方法整理
2015/01/30 Javascript
Lab.js初次使用笔记
2015/02/28 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
JavaScript中的some()方法使用详解
2015/06/09 Javascript
javascript实现下雨效果
2017/03/27 Javascript
vue项目tween方法实现返回顶部的示例代码
2018/03/02 Javascript
对类Vue的MVVM前端库的实现代码
2018/09/07 Javascript
泛谈JS逻辑判断选择器 || &amp;&amp;
2019/05/24 Javascript
微信小程序 如何保持登录状态
2019/08/16 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
2020/02/19 Javascript
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
用Python编写一个每天都在系统下新建一个文件夹的脚本
2015/05/04 Python
Django实现图片文字同时提交的方法
2015/05/26 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
python函数装饰器之带参数的函数和带参数的装饰器用法示例
2019/11/06 Python
基于python生成英文版词云图代码实例
2020/05/16 Python
详解Django中异步任务之django-celery
2020/11/05 Python
详解canvas在圆弧周围绘制文本的两种写法
2018/05/22 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
手工制作的豪华英式沙发和沙发床:Willow & Hall
2019/05/03 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
学生个人的自我评价分享
2013/11/05 职场文书
会展中心部门工作职责
2013/11/27 职场文书
个人授权委托书模板
2014/09/14 职场文书
2016年暑期见闻作文
2015/11/25 职场文书
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
js前端图片加载异常兜底方案
2022/06/21 Javascript