使滑塊使用jQuery

Question

我需要一個是內部組成三組的3個滑塊滑塊。它將開始滑動第一組（1-2-3），並在顯示第二組後...騎自行車。滑塊應該停留在鼠標上方並顯示文章，這些組將在點擊時顯示。任何人都可以建議這樣的滑塊？

謝謝

Answer 1

你可以建立一些處理程序這一點，就像使用jQuery的lib：

js函數：

function screenThis(page){ 
$('#screen').hide("fast"); 
$('#screen').load("handler.php?p="+page).show(); 
//you can add some effects on this fcn 
} 

handler.php可以是這樣的：

<?php 
$page = @$_GET["p"]; 
$content = ''; //init 
$q = mysql_query("select * from pages where id = '$page' "); 
while($r = mysql_fetch_array($q)){ 
$content = $r['content']; 
} 
if ($content != '') echo $content; 
?> 

和您的菜單的html代碼可以是這樣的：

<a href="#" onclick="screenThis(somenumber/orpageid)">Article 1</a> 
<a href="#" onclick="screenThis(somenumber/orpageid)">Article 2</a> 
<a href="#" onclick="screenThis(somenumber/orpageid)">Article 3</a> 

Answer 2

它是一種非常特殊的滑塊，您在尋找，所以我認爲您必須自己編寫代碼。

我建議使用像EasySlider（基本的，難以複雜的東西）或SudoSlider（更多的功能，陡峭的學習曲線），使滑動滑塊。兩者都支持嵌套滑塊。

然後自己構建所有控件，並將它們綁定到一些jQuery代碼來處理滑動邏輯（滑動邏輯觸發滑塊）。相同的代碼當然應該處理「自動滑動」。當我建立自動滑動的時候，我會列出代碼所有的「步驟」，比如：{{1,1}，{1,2}，{1,3}，{2} ，1}，{2,1}，{2,2}，{2,3} ...}，以便每隔X秒告訴腳本應該執行的操作。

希望你能得到它的工作。