将div从屏幕水平滑动到中心？

这是gayadesign选项卡中使用的javascript

var TabbedContent = { init: function() { $(".tab_item").mouseover(function() { var background = $(this).parent().find(".moving_bg"); $(background).stop().animate({ left: $(this).position()['left'] }, { duration: 300 }); TabbedContent.slideContent($(this)); }); }, slideContent: function(obj) { var margin = $(obj).parent().parent().find(".slide_content").width(); margin = margin * ($(obj).prevAll().size() - 1); margin = margin * -1; $(obj).parent().parent().find(".tabslider").stop().animate({ marginLeft: margin + "px" }, { duration: 300 }); } } $(document).ready(function() { TabbedContent.init(); }); 

如何在提供的HTML中实现它？

我试图模仿这个： http ： //www.gayadesign.com/scripts/tabbed/

  {block:Posts} 
 {block:Photo}  
 
 {LinkOpenTag}{LinkCloseTag} 
 {block:Caption}
{Caption}
{/block:Caption} 
 {/block:Photo} 
 {/block:Posts}  

Answer 1

JQuery的.animate（）函数可以为任意CSS属性设置动画。

例如：

 $('#item1').animate({left: '+=50px'}); 

将#item1 50px移到右侧。 如果您愿意，可以使用像'50px'这样'50px'绝对数字。