用jquery制作滑块

Question

我需要一个由三组组成的滑块，内部有 3 个滑块。它将开始滑动第一组 (1-2-3)，并在显示第二组后......循环所有。滑块应在鼠标悬停时暂停并显示文章，并且单击时将显示组。有人可以推荐这样的滑块吗？

谢谢

Answer 1

你可以为此构建一些处理程序，就像 jquery lib:

js function:

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 秒应该做什么。

希望你能让它发挥作用。