jquery焦点图无限滚动按钮控制问题 5
焦点图无限滚动我知道,用相对动画和append就可以了,但用按钮控制左右和eq(index)的原理是啥,求解~比如:<ul><li>1</li><li>2</li><li...
焦点图无限滚动我知道,用相对动画和append就可以了,但用按钮控制左右和eq(index)的原理是啥,求解~
比如:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
$(ul).animate(left:'-=100px'),$(li).eq(0).append(ul);
如果有按钮(prev,next)怎么控制左右,指针每次都不一样。。
还有下面的图片的导航也是。。。
求解~~ 展开
比如:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
$(ul).animate(left:'-=100px'),$(li).eq(0).append(ul);
如果有按钮(prev,next)怎么控制左右,指针每次都不一样。。
还有下面的图片的导航也是。。。
求解~~ 展开
1个回答
展开全部
焦点图和append还真没什么关系(小小吐槽一下)
按钮控制就是就是加个keydown事件,如果是按左 animate({left:'+=100px'}) 按右 animate({left:'-=100px'})。
eq(index)就是 animate({当前的index - 点击导航的index * 100 +'px'})即可,不懂再问。
按钮控制就是就是加个keydown事件,如果是按左 animate({left:'+=100px'}) 按右 animate({left:'-=100px'})。
eq(index)就是 animate({当前的index - 点击导航的index * 100 +'px'})即可,不懂再问。
追问
谢谢你的回答,可能是我表达的不好,我是想知道类似于jCarousel的无限滚动原理,+-animate滚动的焦点图,我已经写好一个插件了,但这样有个问题,就是每当滚动到最后一张图的时候,就会有一个回退的过程,然后回到第一张图,无限滚动就没有这个问题。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询