-3
最近，我在YouTube上觀看了一段視頻，其中有人使用JQuery和JQuery UI製作了一個水平滑塊。 我成功地重新創建了滑塊，但是，我不明白JQuery UI究竟在這裏做了什麼。如果我拿出來，滑塊將無法使用。如果你們中的任何一個能夠告訴我JQuery UI在這裏添加的是什麼，那麼真的很感謝！JQuery UI在這裏添加了什麼？
這是滑塊代碼：
HTML
<body>
<div class="slider">
<img id="1" src="1.jpg">
<img id="2" src="2.jpg">
<img id="3" src="3.jpg">
</div>
<script src="../../../Users/Dave/Downloads/jquery-1.11.1.min.js"></script>
<script src="../../../Users/Dave/Desktop/jquery-ui.min.js"></script>
<script src="behavior.js"></script>
</body>
CSS
.slider{
width: 600px;
height: 400px;
overflow: hidden;
margin: 30 auto;
}
.slider img{
width: 600px;
height: 400px;
display: none;
}
JQuery的
function Slider(){
$(".slider #1").show("fade", 500);
$(".slider #1").delay(5500).hide("slide", {direction: 'left'}, 500);
var sc = $(".slider img").size();
var count = 2;
setInterval(function(){
$(".slider #"+count).show("slide", {direction: 'right'} , 500);
$(".slider #"+count).delay(5500).hide("slide", {direction: 'left'}, 500);
if(count == sc){
count = 1;
}else{
count = count+1;
}
}, 6500);
}
$(document).ready(function() {
Slider();
});
就像我說的那樣，滑塊的工作原理也是我想要的，我理解代碼以及它的工作方式，我只是不明白爲什麼我需要爲此使用JQuery UI。什麼方法/功能/等等。它添加在這裏嗎？爲什麼沒有JQuery UI就無法工作？
比較['顯示（）']（http://api.jquery.com/show/）與['顯示（） ']（http://api.jqueryui.com/show/） – blgt 2014-10-27 13:50:27