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

希望你能让它发挥作用。