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中map函数的两种方式
Apr 07 jQuery
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
jquery dataTable 获取某行数据
May 05 jQuery
Jquery获取radio选中的值
May 05 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
20个最常见的jQuery面试问题及答案
May 23 jQuery
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
jQuery zTree插件使用简单教程
Aug 16 jQuery
jQuery弹框插件使用方法详解
May 26 jQuery
如何在vue 中引入使用jquery
Nov 10 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使用curl伪造来源ip和refer的方法示例
2018/05/08 PHP
PHP safe_mode开启对于PHP系统函数有什么影响
2020/11/10 PHP
Javascript 实现TreeView CheckBox全选效果
2010/01/11 Javascript
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
javascript解决innerText浏览器兼容问题思路代码
2013/05/17 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
js触发select onchange事件的小技巧
2014/08/05 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
2015/12/04 Javascript
Bootstrap的基本应用要点浅析
2016/12/19 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
微信小程序 实现点击添加移除class
2017/06/12 Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
2017/07/10 Javascript
webpack中使用iconfont字体图标的方法
2018/02/22 Javascript
Vue2.0 实现移动端图片上传功能
2018/05/30 Javascript
回顾Javascript React基础
2019/06/15 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
vue 使用v-for进行循环的实例代码详解
2020/02/19 Javascript
[02:40]DOTA2英雄基础教程 巨牙海民
2013/12/23 DOTA
[48:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第二场 1月29日
2021/03/11 DOTA
[01:16:50]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第一场 3月7日
2021/03/11 DOTA
详解Python编程中基本的数学计算使用
2016/02/04 Python
浅谈五大Python Web框架
2017/03/20 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
Python日期时间Time模块实例详解
2019/04/15 Python
Python2与Python3的区别点整理
2019/12/12 Python
Python通过递归函数输出嵌套列表元素
2020/10/15 Python
HearthSong官网:儿童户外玩具、儿童益智玩具
2017/10/16 全球购物
澳大利亚美容产品及化妆品在线:Activeskin
2020/06/03 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
《诺贝尔》教学反思
2014/02/17 职场文书
装修协议书范本
2014/04/21 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
煤矿安全生产工作总结
2015/08/13 职场文书
Pytorch 使用tensor特定条件判断索引
2021/04/08 Python
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技
win10搭建配置ftp服务器的方法
2022/08/05 Servers