怎样使用jQuery滚动条美化插件nicescroll

php中世界最好的语言
Lepaskan: 2018-06-07 14:08:15
asal
2084 orang telah melayarinya

这次给大家带来怎样使用jQuery滚动条美化插件nicescroll,怎样使用jQuery滚动条美化插件nicescroll的注意事项有哪些,下面就是实战案例,一起来看一下。

本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考,具体如下:

你是否遇到过这种情况:想要在网页中嵌入p块并且局部滚动,但滚动条太难看啦!!!

使用jquery.nicescroll来美化滚动条吧(so easy!!):

首先:下载jquery.nicescroll.js。百度一下哦!!!(或者像本例所示直接使用CDN地址)

然后引入jquery.nicescroll.js,并且使用:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>jquery.nicescroll插件</title>
    <style>
      .p{
        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(){
         $(".p").niceScroll({cursorcolor:"#cccccc"});
      });
    </script>
  </head>
  <body>
    <p class="p">
      去西藏应该避开雨季,大家都知道西藏属于高原地区,是冻土、流沙、泥石流多发的地段,雨季山体滑坡、落石严重,湖水混浊,行路与景色都不怎么样。所以,最好在5、6、9、10月去比较好。我国西藏地区海拔都在3000米以上,所以去西藏旅游最好带上氧气和预防高原反应的药品,对车辆要认真见车,在西藏境内加油站非常少,最好在200公里左右加一次油。
去内蒙自驾游一般选择7、8月间,可以看看中国最大的草原——呼伦贝尔大草原(海拉尔),锡林格勒、阿尔山、克什克腾、地热、四子王旗、二连浩特口岸、满洲里口岸等。
去河南、河北、山东、四川、青海、陕西、宁夏、甘肃(包括嘉峪关、莫高窟)等地玩儿,一般全年均可,选择4月到11月期间去,不会太冷,最好6、7月份去,还可以避暑。
去新疆,8、9、10月比较好,正是新疆水果最多的时候。
去广东、广西、海南、云南、上海、苏州、杭州、南京、无锡、宁波等地,春天去比较好,可以避开炎热的夏天。
去东北,如北戴河、山海关、辽宁等以夏季为宜。吉林、长白山、雪乡、哈尔滨、漠河、北极村、小兴安岭在冬季1月—2月之间最好,可以观看雪景、冰雕,也是滑雪的好时期。
    </p>
  </body>
</html>
Salin selepas log masuk

运行效果:

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

vuex的state状态对象使用方式汇总

怎样进行angular第三方包开发

Atas ialah kandungan terperinci 怎样使用jQuery滚动条美化插件nicescroll. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan