logo标签列表

jQuery内容滑块：最简单的方法

jquery
4
我想制作最简单的内容滑块，我不想使用插件... 我只是想要一种简单的方法来根据上一页/下一页按钮左右滑动几个div。
如果这样做会自食其果，那么我将使用插件。 :)
1个回答
2
我认为最简单的方法是在您的元素上使用animate函数：
$("#left").click(function(){
  $(".block").animate({"left": "-=50px"}, "slow");
});

更多信息请查看：http://api.jquery.com/animate/

该链接提供了有关jQuery动画的详细信息。
1
使用这种方法的优缺点是什么？相反，我通过这种方式限制了自己什么？ - Kevin Brown
1
优点是您知道代码的工作原理，因为除了动画之外，您做了所有事情。此外，通过不包括插件，您可以使代码库更小，尽管这并不是太大的优势。缺点是您必须自己完成所有工作，因此您有点在重新发明轮子并浪费时间。 - wajiw
这里有另一个问题...你能展示一下HTML/CSS吗？我正在尝试创建这个，但是我卡在了将div浮动到左侧并溢出我的.content-wrapper div之外的问题上... - Kevin Brown
不确定您要求什么，但如果您希望该元素在移动到其父元素外部时显示，请在该父元素的样式中使用“overflow:visible;”。 - wajiw
我意识到手动完成这个任务太麻烦了。谢谢！ - Kevin Brown
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接