jquery中的文本效果

时间:2013-08-31 13:21:50

标签: javascript jquery html css

我创建了带有文本效果的通知栏,一切似乎还可以,但是当我添加文字效果时,从左到右移动,看起来在第一时间工作,之后看起来像这样看 FIDDLE

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

第二次点击展开时,当我刷新页面时,它从中心到右边显示,它第一次正确显示。

每当我打开栏时,是否有办法从左到右显示消息。

先谢谢。

1 个答案:

答案 0 :(得分:0)

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/(注意:此演示具有部分功能,您只需显示您错过的内容,查看点击横幅)