jQuery 水平滚动(点击时滑动 div)

jQuery Horizontal Scrolling (Sliding divs on click)

我希望在您单击登录 link 时将绿色 div 滑出屏幕,将红色滑入视图。 出于某种原因,我无法让它工作。我的 jquery 技能很差,所以任何帮助都会很棒。

这是一个 JSFiddle:http://jsfiddle.net/ibucus/pL758ota/1/

$(document).ready(function() {

$('#loginlink').click(function(){

    $('div#frontpageanimateblock').animate({'left':'-=700px'});

});

$('#loginlinkback').click(function(){

    $('div#frontpageanimateblock').animate({'left':'+=700px'});

});

});

谢谢

改用 margin-left

'marginLeft': '-=640px'

看看fiddle

fiddle here