jquery中slider有什么用

這篇文章將為大家詳細講解有關jquery中slider有什么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

目前創新互聯公司已為近1000家的企業提供了網站建設、域名、網站空間、網站托管、企業網站設計、金臺網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

在jquery中，slider的意思為“滑塊、浮動塊，滾動條滑塊”，是jquery UI中的一個小插件。Slider插件允許通過滑塊進行選擇。有各種不同的選項，比如多個手柄和范圍。手柄可通過鼠標或箭頭按鍵進行移動。

slider（滑塊）是jquery UI中的一個小插件。

jQuery UI 滑塊（Slider）插件允許通過滑塊進行選擇。有各種不同的選項，比如多個手柄和范圍。手柄可通過鼠標或箭頭按鍵進行移動。

主題化

滑塊部件（Slider Widget）使用 jQuery UI CSS 框架來定義它的外觀和感觀的樣式。如果需要使用滑塊指定的樣式，則可以使用下面的 CSS class 名稱：

ui-slider：滑塊控件的軌道。該元素會根據滑塊的 orientation 另外帶有一個 ui-slider-horizontal 或 ui-slider-vertical class。

ui-slider-handle：滑塊手柄。
ui-slider-range：當設置 range 選項時使用的已選范圍。如果 range 選項設置為 "min" 或 "max"，則該元素會分別另外帶有一個 ui-slider-range-min 或 ui-slider-range-max class。

實例

一個簡單的 jQuery UI 滑塊（Slider）。

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>滑塊部件（Slider Widget）演示</title>
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
  <style>#slider { margin: 10px; } </style>
  <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
</head>
<body>
 
<div id="slider"></div>
 
<script>
$( "#slider" ).slider();
</script>
 
</body>
</html>

關于jquery中slider有什么用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網頁標題：jquery中slider有什么用
本文地址：http://www.kartarina.com/article32/ijiosc.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、網站建設、網站改版、響應式網站、網站設計、網頁設計公司

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

欧美日韩激情_美女国产一区_国产精品久久久久影院日本_69xxx在线

jquery中slider有什么用