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插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
jQuery表单设置值的方法
Jun 30 jQuery
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
jquery animate动画持续运动的实例
Nov 29 jQuery
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
jquery的 filter()方法使用教程
Mar 22 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 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 FLEA中二叉树数组的遍历输出
2012/09/26 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
PHP大转盘中奖概率算法实例
2014/10/21 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
Laravel使用PHPQRCODE实现生成带有LOGO的二维码图片功能示例
2017/07/07 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
基于jquery的超简单上下翻
2010/04/20 Javascript
toggle()隐藏问题的解决方法
2014/02/17 Javascript
js比较日期大小的方法
2015/05/12 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
JS中mouseover和mouseout多次触发问题如何解决
2016/06/06 Javascript
vue.js将unix时间戳转换为自定义时间格式
2017/01/03 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
简化版的vue-router实现思路详解
2018/10/19 Javascript
小程序实现列表删除功能
2018/10/30 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
2020/04/24 Javascript
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
使用Python脚本操作MongoDB的教程
2015/04/16 Python
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
详解Python中映射类型的内建函数和工厂函数
2015/08/19 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
浅谈Python的list中的选取范围
2018/11/12 Python
python爬虫简单的添加代理进行访问的实现代码
2019/04/04 Python
Django实现跨域的2种方法
2019/07/31 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
在脚本中单独使用django的ORM模型详解
2020/04/01 Python
PyCharm MySQL可视化Database配置过程图解
2020/06/09 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
日本最大的旅游网站:Rakuten Travel(乐天旅游)
2018/08/02 全球购物
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
公司客户答谢酒会祝酒词
2015/08/11 职场文书
2016公务员年度考核评语
2015/12/01 职场文书
Oracle以逗号分隔的字符串拆分为多行数据实例详解
2021/07/16 Oracle