javascript修改答案

【问题标题】：javascript modificationjavascript修改
【发布时间】：2012-01-21 17:09:00
【问题描述】：

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

【问题讨论】：

你试过了吗？你能发布你尝试过的代码吗
SO 上的解决方案 - [重复][1] [1]：stackoverflow.com/questions/3042092/…
这里是代码。jsfiddle.net/cQuqJ

标签： javascript jquery html css

【解决方案1】：

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

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

【讨论】：

如果我使用宽度为 900 像素的图像而不是文本，则滑动无法正常工作。我该如何纠正？
恐怕这不是原始问题的一部分。我的感觉是你很懒惰，试图让别人为你做所有的腿工作。启动 Google 并研究 CSS/Javascript，您尝试做的事情并不难，即使对于初学者也是如此。这样你就能真正学到一些东西！
我已经工作了三天来纠正这个问题。但我无法纠正。

【解决方案2】：

查找-替换您的代码，在您的document.ready() js 中将Left 更改为Right

【讨论】：

我使用了图像而不是滚动文本。图像的宽度为 900 像素。现在随着文本的滑动，它滑动得并不好。我该如何纠正？

【解决方案3】：

正如 BondyThegreat 所指出的，您需要在脚本中将左右交换。您还需要更改样式表。

<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;
}

【讨论】：

我使用了图像而不是滚动文本。图像的宽度为 900 像素。现在随着文本的滑动，它滑动得并不好。我该如何纠正？
@user1101208 - 首先，您对所有对您的问题给出了很好答案的帖子进行投票，然后选择一个作为最佳答案。其次，您使用更新的 jsFiddle 发布一个新问题，以显示该问题。第三，你的问题得到解决。我们都在为积分而努力。

【解决方案4】：

如果你看过这个动画，它是通过将文本的左边距从 0 设置为一些像素来完成的。

您要做的是从右侧对其进行动画处理，因此您可以在脚本中设置 marginRight，而不是 marginLeft。

更新： 在 css 中，您还必须使用

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

【讨论】：

我们设置了 marginRight 而不是 marginLeft。但修改后脚本无法正常运行。