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 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
jQuery实现简单聊天室
Feb 08 jQuery
深入分析jQuery.one() 函数
Jun 03 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 array_values 返回数组的所有值详解及实例
2016/11/12 PHP
YII2框架中使用yii.js实现的post请求
2017/04/09 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
js页面跳转常用的几种方式
2010/11/25 Javascript
理解JavaScript的prototype属性
2012/02/11 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
直接在JS里创建JSON数据然后遍历使用
2014/07/25 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
JavaScript中ES6字符串扩展方法
2016/08/26 Javascript
Javascript点击按钮随机改变数字与其颜色
2016/09/01 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
2017/01/08 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
Python玩转Excel的读写改实例
2019/02/22 Python
使用 Python 玩转 GitHub 的贡献板(推荐)
2019/04/04 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
python单向链表的基本实现与使用方法【定义、遍历、添加、删除、查找等】
2019/10/24 Python
如何理解python中数字列表
2020/05/29 Python
python math模块的基本使用教程
2021/01/16 Python
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
给同学的道歉信
2014/01/16 职场文书
幼儿园秋游活动方案
2014/01/21 职场文书
媒体宣传策划方案
2014/05/25 职场文书
应急处置方案
2014/06/16 职场文书
开展读书活动总结
2014/06/30 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
红色故事汇观后感
2015/06/18 职场文书
创业计划书之酒店
2019/08/30 职场文书
深入理解go缓存库freecache的使用
2022/02/15 Golang