0

我想模仿这个网页的左右滚动功能，用左右箭头相应地平移 div 行：

http://www.stuartmcmillen.com/comics_en/rat-park/

我一直在尝试找到让这种效果在 firefox 调试器中发生的一些 javascript，但我是一个前端菜鸟，我觉得我已经浏览了页面上的每个脚本，但我找不到单击左右箭头时导致动画的原因是什么。我尝试使用 firefox 分析器，但输出无法理解。如何找到负责此左右滚动动画的 javascript？或者它甚至是javascript？

4

3 回答 3

3

大多数情况下，您可以检查元素并查找 id 属性或描述性类名称，然后在脚本中搜索这些值，在您的情况下，箭头按钮的代码从页面源的第 1770 行开始，我找到了寻找身份证#left_arrow

于 2013-09-19T05:19:18.087 回答
1

尝试这个：

脚本：

var cur = 1;
var 

max = $(".collectionsCnt2").children("li").length;

$(".button-right").click(function () {

    if (cur >= max) return;
    cur =  cur + (500/100 < max ? 500/100 : max);

    $(".collectionsCnt2").animate({
        marginLeft: "-=500px",
    }, 1000);

});

$(".button-left").click(function () {
    if (cur <= 1) return;
    cur =  cur - (500/100 < max ? 500/100 : max);
    $(".collectionsCnt2").animate({
        marginLeft: "+=500px",
    }, 1000);

});

小提琴

也许这可以为您提供一些帮助。

于 2013-09-19T05:23:02.427 回答
0

有这么多，很难快速找到结果......

我认为您正在谈论幻灯片放映左/右箭头.. 查看http://red-canoe.com上的示例。有时它更容易开始简单。JS来自：

    Supersized - Fullscreen Slideshow jQuery Plugin
    Version : Core 3.2.1
    Site    : www.buildinternet.com/project/supersized
    Author  : Sam Dunn
于 2013-09-19T05:22:28.967 回答