html5中怎样使用jquery实现幻灯片上左右按钮的图片翻页??

哈哈,这事儿我帮人搞过。

去年在一个外包项目里,有个哥们儿用Superslide做轮播图。
他搞定了图片,但导航箭头一直不对。
你看他代码这么写:

他以为加个 prev 和 next 就好了。
结果点箭头啥反应没有。
我一看,哎,这不对啊。
Superslide里,官方给的方向控制按钮类名,一般是 prev 和 next,不带 class 后缀的。

我就说,你试试直接改成:

嘿,他一试,果然好了!当时他那个高兴劲儿,给我买咖啡喝。

所以你看,有时候问题就出在这儿,明明是官方文档写好的类名,结果自己瞎加个 class 后缀,或者前后加了个多余的什么词儿。
这年头搞前端,细节太重要了。

你采纳不采纳我不管,反正我这经验是真的。

如何用jquery做一个div向右滑动,先加速,再减速,最后回弹一下的效果?

你这段代码写得挺清楚的哈。
我之前在帮朋友做网页的时候也碰到过类似需求,当时也是用jQuery的animate方法。

不过这里有个小细节要注意,连续调用三个animate会依次执行,第一个fast完成后第二个slow才开始,第三个又要在第二个完成后才开始。
如果页面加载慢或者动画时间设置不合理,可能会出现移动不连贯的情况。

比如上周我在上海某商场帮客户调试的时候,就遇到过这种问题。
当时把第一个animate的fast改成了5 00毫秒,第二个slow改成1 5 00毫秒,第三个也改成1 5 00毫秒,这样效果就好多了。
你可以试试调整下各动画的时间参数。

哦对了,如果你用的是最新版jQuery,可以考虑用 chained API写得更简洁点: javascript $("div").click(function(){ $("div").animate({margin-left: '1 00px'}, 'fast') .animate({margin-left: '+=1 00px'}, 'slow') .animate({margin-left: '0px'}, 'slow'); });
这样代码更紧凑,阅读也方便些。
不过具体用哪种写法还是看你个人习惯了。
反正你看着办吧。