javascript - jquery中的文字效果

Question

我创建了带有文本效果的通知栏，一切似乎都很好，但是当我添加文本效果时，就像从左到右移动一样，它在第一次时似乎有效，之后看起来像这样看到FIDDLE

 jQuery('.text').animate({
                'right': '300px'
            }, 'slow', 'linear').animate({
                'left': '300px'
            }, 'slow', 'linear').animate({
                'left': '0',
                'right': '0',
            });

当我第二次单击展开时，当我刷新页面本身时，它从中心向右显示，它第一次正确显示。

有没有一种方法可以在我打开栏时将消息从左到右显示为居中。

提前致谢。

Answer 1

jQuery('.text').animate({
                'right': '300px',
            }, 'slow', 'linear').animate({
                'left': '300px'
            }, 'slow', 'linear').animate({
                'left': '0',
                'right': '0',
            });
    jQuery('.text').css('right', 'auto')
    jQuery('.text').css('left', 'auto')
});

工作演示： http: //jsfiddle.net/UCTgR/12/（注意：这个演示有部分功能你只是显示你错过了什么，检查点击横幅）