Javascript 如何找到负责某些操作的脚本

Javascript 如何找到负责某些操作的脚本,javascript,Javascript,我想模仿此网页的左右滚动功能,使用左右箭头相应地平移div行: 我一直试图在firefox调试器中找到使这种效果发生的javascript代码,但我是一个完全的前端noob,我觉得我已经浏览了页面上的每个脚本,但当单击左箭头和右箭头时,我找不到导致动画的原因。我尝试使用firefox探查器,但输出不清楚。如何找到负责左右滚动动画的javascript?或者它甚至是javascript?大多数时候,您可以检查元素并查找id属性或描述性类名,然后在脚本中搜索这些值,在您的情况下,箭头按钮的代码从页

我想模仿此网页的左右滚动功能,使用左右箭头相应地平移div行:


我一直试图在firefox调试器中找到使这种效果发生的javascript代码,但我是一个完全的前端noob,我觉得我已经浏览了页面上的每个脚本,但当单击左箭头和右箭头时,我找不到导致动画的原因。我尝试使用firefox探查器,但输出不清楚。如何找到负责左右滚动动画的javascript?或者它甚至是javascript?

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

大多数时候,您可以检查元素并查找id属性或描述性类名,然后在脚本中搜索这些值,在您的情况下,箭头按钮的代码从页面源代码的第1770行开始,我发现它在寻找id
#左箭头

那里有很多东西,很难快速找到结果

我想你说的是幻灯片左/右箭头。。请在查看样品。有时候简单的开始更容易。JS来自:

    Supersized - Fullscreen Slideshow jQuery Plugin
    Version : Core 3.2.1
    Site    : www.buildinternet.com/project/supersized
    Author  : Sam Dunn

有这么多,很难很快找到结果

我想你说的是幻灯片左/右箭头。。请在查看样品。有时候简单的开始更容易。JS来自:

    Supersized - Fullscreen Slideshow jQuery Plugin
    Version : Core 3.2.1
    Site    : www.buildinternet.com/project/supersized
    Author  : Sam Dunn
试试这个:

脚本:

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);

});
var cur=1;
变量
最大值=$(“.collectionsCnt2”)。子项(“li”)。长度;
$(“.button right”)。单击(函数(){
如果(cur>=max)返回;
cur=cur+(500/100<最大值?500/100:最大值);
$(“.collectionsCnt2”)。设置动画({
marginLeft:“-=500px”,
}, 1000);
});
$(“.button left”)。单击(函数(){
如果(cur试试这个:

脚本:

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);

});
var cur=1;
变量
最大值=$(“.collectionsCnt2”)。子项(“li”)。长度;
$(“.button right”)。单击(函数(){
如果(cur>=max)返回;
cur=cur+(500/100<最大值?500/100:最大值);
$(“.collectionsCnt2”)。设置动画({
marginLeft:“-=500px”,
}, 1000);
});
$(“.button left”)。单击(函数(){

如果(cur-oh,太棒了。有什么工具可以帮你做到这一点吗?还是你总是要自己把它刷出来?@qwwqwq我不知道有什么工具,但它很简单,我用Chrome Inspector来获取id值,然后Ctrl+U来获取页面源,然后Ctrl+F来获取搜索框,键入,然后瞧!如果我没有找到任何东西的话在页面源代码中,我会寻找引用的js文件,并在那里做同样的事情哦,太棒了。有什么工具可以帮你做到这一点,或者你总是需要自己把它变灰吗?@qwwqwq我不知道有什么工具,但它很简单,我使用Chrome Inspector获取id值,然后Ctrl+U获取页面源代码,然后Ctrl+F来获取搜索框,输入,瞧!如果我在页面源代码中找不到任何东西,那么我会查找引用的js文件并执行相同的操作,这正是我希望有人会做的post@qwwqwwq实际上,您的问题是关于在页面中查找代码,如果您愿意的话,我提供了一个答案想要一些代码那么你应该要求实现这种行为是的,你是对的,我很兴奋,因为有人给了我一条鱼,而不是教我如何钓鱼。我接受你真棒,那把小提琴正是我希望有人会做的post@qwwqwwq实际上你的问题是在页面中查找代码,对此,我给出了一个答案,如果你想要一些代码,那么你应该要求实现这种行为。你是对的,我很兴奋,因为有人给了我一条鱼,而不是教我如何钓鱼。我接受你