我有一些与jQuery和html / css相关的问题。
我一直在研究包含多个div的侧面滚动div,其中链接是指“较小”的div之一(其入口应设置为动画)。
我在网上找到了一些与我想要的东西类似的东西:
http://jsfiddle.net/NGL8P/21/
所不同的是,我希望一个按钮链接到一个特殊的div(但动画应该基本相同)。
这是我到目前为止所做的工作:
http://jsfiddle.net/jkUzF/2/
每个项目符号点应链接到这些div之一。有15个按钮,但现在我只做了5个div。五个div彼此并排放置(由于溢出,它们不可见:隐藏)。
我的主容器(包含可见的所有内容)称为:#mainsection
looong div(应前后移动)称为:#wrap
应该有15个的div称为:.container
编辑1:
有人认为这是为了了解我想要的内容,因此我将尝试使其更加清晰:
该网站上有15个圆形按钮。它们每个都应链接到一个特定的DIV(当前包含一些lorem ipsum)。这些DIV彼此排成一行,但是除非更改溢出滚动条,否则您将看不到它们。当我按下按钮时,我希望它们从侧面进入。例如,当我按下“项目1”下的第三个按钮时,我希望包含lorem ipsum的第三个div从侧面进入。当我按下1st按钮时,我希望第一个Div从另一侧进入。一切都应该设置动画,当我“跳过”一个div(从第1跳到第3个跳)时,我希望那些跳过的对象(在本例中为nr 2)只是快速“通过”。更好吗?
最佳答案
$("a.circle").click(function(e) {
e.preventDefault();
var pos = $('a.circle').index(this);
var newleft= -510 * pos;
$("#wrap").animate({"left": newleft +"px"}, "slow");
});