使用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秒告诉脚本下一步应该做什么。

希望你能让它工作。