javascript修改

Question

我使用过这个网站的滚动脚本。 http://blog.waiyanlin.net/example/jquery/flyingtext.html。我需要动画从右到左滚动。我怎么能这样做？

Answer 1

查找 - 替换您的代码，在Left js

中使用Right更改document.ready()

Answer 2

如果您已经看过这个动画是通过将文本的左边距设置为0到一些像素来完成的。

你想要做的是从右边动画它，因此你可以在剧本中设置marginRight ，并保证marginLeft。

<强>更新 在css中你还必须使用

.flying-text
{
    //Remove this: margin-left:-100px;
    margin-right:0px;
}

Answer 3

将marginLeft替换为marginRight并编辑CSS，使文字右对齐。

您可以在此处查看一个有效的示例：http://jsfiddle.net/DkRRw/

Answer 4

正如BondyThegreat所指出的那样，你需要在脚本中将Left与right交换。您还需要更改样式表。

<script>
$(document).ready(function(){

    $('.container .flying-text').css({opacity:0});
    $('.container .active-text').animate({opacity:1, marginRight: "350px"}, 4000);

    var int = setInterval(changeText, 5000);    


function changeText(){

    var $activeText = $(".container .active-text"); 

    var $nextText = $activeText.next(); 
    if($activeText.next().length == 0) $nextText = $('.container .flying-text:first');

    $activeText.animate({opacity:0}, 1000);
    $activeText.animate({marginRight: "-100px"});

    $nextText.css({opacity: 0}).addClass('active-text').animate({opacity:1, marginRight: "350px"}, 4000, function(){

        $activeText.removeClass('active-text');                                           
    });
}
});
</script>

将样式表更新为：

.flying-text{
   margin-right:-100px;
   text-align:right;
}