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 19 jQuery
jquery中each循环的简单回滚操作
May 05 jQuery
jQuery Validate 校验多个相同name的方法
May 18 jQuery
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
jQuery选择器之属性筛选选择器用法详解
Sep 19 jQuery
利用jQuery实现简单的拖曳效果实例代码
Oct 20 jQuery
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
jQuery HTML设置内容和属性操作实例分析
May 20 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
在数据量大(超过10万)的情况下
2007/01/15 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
递归删除一个节点以及该节点下的所有节点示例
2014/03/19 PHP
PHP设计模式之工厂模式实例总结
2017/09/01 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
基于mootools 1.3框架下的图片滑动效果代码
2011/04/22 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
javascript制作loading动画效果 loading效果
2014/01/14 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
jQuery图片轮播插件——前端开发必看
2016/05/31 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
2016/10/01 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
Angular4 反向代理Details实践
2018/05/30 Javascript
nodejs如何在package.json中设置多条启动命令
2020/03/16 NodeJs
如何利用JavaScript编写一个格斗小游戏
2021/01/06 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
在cmd中运行.py文件: python的操作步骤
2018/05/12 Python
pow在python中的含义及用法
2019/07/11 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
基于PyQT实现区分左键双击和单击
2020/05/19 Python
用ldap作为django后端用户登录验证的实现
2020/12/07 Python
html5 乒乓球(碰撞检测)实例二
2013/07/25 HTML / CSS
Origins悦木之源香港官网:雅诗兰黛集团高端植物护肤品牌
2018/03/21 全球购物
Cult Gaia官网:美国生活方式品牌
2019/08/16 全球购物
总结表彰大会主持词
2014/03/26 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
英语课前三分钟演讲稿
2014/08/19 职场文书
2014年销售工作总结与计划
2014/12/01 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
小学毕业感言100字
2015/07/30 职场文书
React四级菜单的实现
2022/04/08 Javascript