javascript onclick变量/社交小部件滑块

我使用在互联网上找到的一些旧代码构建了一个社交滑块小部件。我不太擅长Javascript，但我想知道你是否可以给我一些建议，让它正常运行

现在-它只是使用css值margin top将容器示例向上或向下移动272px。我已经设置了一个两倍于这个数量的上限，这样容器就不会上升超过两次，但我不知道如何让每个按钮都能正确地移动它

，但我将发布我在下面编写的大部分重要html

---

函数示例_动画（px）{
var newMargin=parseInt（$（'#示例'）.css（'margin-top'））+px；
如果（新边距>=-544&&newMargin<272）{
$（“#示例”）。设置动画({
“marginTop”：newMargin+“px”
});
}
}
FACEBOOK/TWITTER小部件IFRAMES将出现在这里

将链接更改为：

<a href="#a" class="social-facebook" onclick="example_animate(0)"></a>
<a href="#b" class="social-twitter" onclick="example_animate(-272)"></a>
<a href="#c" class="social-youtube" onclick="example_animate(-544)"></a>

---

你不需要把事情复杂化。

它是如何工作的？我们需要知道问题是什么。不要使用

onclick=“…”

你访问了slider link@Blender吗？尝试单击中间框两次。它一直在滚动，因为我不知道如何设置它停止的点。按钮只会将其+或-272页边距顶部移动，但我需要它们将容器移动到特定位置。@eicto为什么不？请解释一下，这个功能似乎没有被破坏。它让容器示例停在适当的位置。我已经将图片上传到了滑块中，所以它更有意义。非常感谢！我是Javascript新手：）

<a href="#a" class="social-facebook" onclick="example_animate(0)"></a>
<a href="#b" class="social-twitter" onclick="example_animate(-272)"></a>
<a href="#c" class="social-youtube" onclick="example_animate(-544)"></a>

function example_animate(margin) {
    $('#example').animate({
        'marginTop' : margin + 'px'
    });
}