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 Jsonp跨域模拟搜索引擎
Jun 17 jQuery
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
jQuery选择器之子元素选择器详解
Sep 18 jQuery
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
jQuery实现的上传图片本地预览效果简单示例
Mar 29 jQuery
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
jQuery创建及操作xml格式数据示例
May 26 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
一文快速了解JQuery中的AJAX
May 31 jQuery
jquery实现拖拽添加元素功能
Dec 01 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
PHP5下$_SERVER变量不再受magic_quotes_gpc保护的弥补方法
2012/10/31 PHP
用php简单实现加减乘除计算器
2014/01/06 PHP
2014过年倒计时示例
2014/01/31 PHP
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
JQuery操作元素的css样式
2015/03/09 Javascript
Bootstrap的图片轮播示例代码
2015/08/31 Javascript
详解JavaScript基本类型和引用类型
2015/12/09 Javascript
详解VueJs中的V-bind指令
2018/05/03 Javascript
JS对象与json字符串相互转换实现方法示例
2018/06/14 Javascript
Vue组件跨层级获取组件操作
2020/07/27 Javascript
[02:56]DOTA2上海特锦赛小组赛解说FreeAgain采访花絮
2016/02/27 DOTA
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python实现得到一个给定类的虚函数
2014/09/28 Python
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python查看微信撤回消息代码
2018/06/07 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
windows下Pycharm安装opencv的多种方法
2020/03/05 Python
在pycharm中debug 实时查看数据操作(交互式)
2020/06/09 Python
解决pip安装的第三方包在PyCharm无法导入的问题
2020/10/15 Python
深入理解css中vertical-align属性
2017/04/18 HTML / CSS
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
英语硕士生求职简历的自我评价
2013/10/15 职场文书
公务员平时考核实施方案
2014/03/11 职场文书
项目合作意向书范本
2014/04/01 职场文书
幼儿园安全责任书
2014/04/14 职场文书
贵阳市党的群众路线教育实践活动党(工)委领导班子整改方案
2014/10/26 职场文书
中学生思想品德评语
2014/12/31 职场文书
家庭暴力离婚起诉书
2015/05/18 职场文书
浅析Django接口版本控制
2021/06/26 Python
MySQL高速缓存启动方法及参数详解(query_cache_size)
2021/07/01 MySQL