jQuery滾動條美化插件nicescroll簡單用法示例
本文實例講述了jQuery滾動條美化插件nicescroll簡單用法。分享給大家供大家參考,具體如下:
你是否遇到過這種情況:想要在網(wǎng)頁中嵌入div塊并且局部滾動,但滾動條太難看啦?。?!

使用jquery.nicescroll來美化滾動條吧(so easy!?。?/p>
首先:下載jquery.nicescroll.js。百度一下哦?。。。ɑ蛘呦癖纠局苯邮褂肅DN地址)
然后引入jquery.nicescroll.js,并且使用:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.dbjr.com.cn 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">
去西藏應該避開雨季,大家都知道西藏屬于高原地區(qū),是凍土、流沙、泥石流多發(fā)的地段,雨季山體滑坡、落石嚴重,湖水混濁,行路與景色都不怎么樣。所以,最好在5、6、9、10月去比較好。我國西藏地區(qū)海拔都在3000米以上,所以去西藏旅游最好帶上氧氣和預防高原反應的藥品,對車輛要認真見車,在西藏境內(nèi)加油站非常少,最好在200公里左右加一次油。
去內(nèi)蒙自駕游一般選擇7、8月間,可以看看中國最大的草原——呼倫貝爾大草原(海拉爾),錫林格勒、阿爾山、克什克騰、地熱、四子王旗、二連浩特口岸、滿洲里口岸等。
去河南、河北、山東、四川、青海、陜西、寧夏、甘肅(包括嘉峪關、莫高窟)等地玩兒,一般全年均可,選擇4月到11月期間去,不會太冷,最好6、7月份去,還可以避暑。
去新疆,8、9、10月比較好,正是新疆水果最多的時候。
去廣東、廣西、海南、云南、上海、蘇州、杭州、南京、無錫、寧波等地,春天去比較好,可以避開炎熱的夏天。
去東北,如北戴河、山海關、遼寧等以夏季為宜。吉林、長白山、雪鄉(xiāng)、哈爾濱、漠河、北極村、小興安嶺在冬季1月—2月之間最好,可以觀看雪景、冰雕,也是滑雪的好時期。
</div>
</body>
</html>
運行效果:

大家學會了嗎,很簡單哦?。?!
更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題:《jQuery常用插件及用法總結》、《jQuery拖拽特效與技巧總結》、《jQuery常見經(jīng)典特效匯總》、《jQuery擴展技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
- jQuery中Nicescroll滾動條插件的用法
- jquery插件jquery.nicescroll實現(xiàn)圖片無滾動條左右拖拽的方法
- jQuery niceScroll滾動條錯位問題的解決方法
- jquery滾動條插件jScrollPane的使用介紹
- jQuery滾動條插件nanoscroller使用指南
- 學習使用jquery iScroll.js移動端滾動條插件
- jquery滾動條插件slimScroll使用方法
- jQuery iScroll.js 移動端滾動條美化插件
- jquery自定義滾動條插件示例分享
- jquery滾動條插件(可以自定義)
- jQuery leonaScroll 1.1 自定義滾動條插件(推薦)
相關文章
基于jQuery Bar Indicator 插件實現(xiàn)進度條展示效果
這篇文章主要介紹了基于jQuery Bar Indicator 插件實現(xiàn)進度條展示效果的相關資料,需要的朋友可以參考下2015-09-09
jQuery+JSON實現(xiàn)AJAX二級聯(lián)動實例分析
這篇文章主要介紹了jQuery+JSON實現(xiàn)AJAX二級聯(lián)動的方法,以實例形式分析了前臺jQuery結合ajax傳遞json格式數(shù)據(jù)及后臺數(shù)據(jù)處理技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12

