使用jQuery时，HTML Marquee在结束时会反弹

Question

当我使用普通的选框时，文字会结束，并且一旦触及div的末尾就不会反弹回到开头。

我想在使用jQuery在另一个页面上抓取echo的PHP时实现这种效果。

实施例：

代码： 的的index.html

<marquee id="slider" class="panel panel-default" style="width:50%;"></marquee>
<marquee class="panel panel-default" style="width:50%;">Doesn't Bounce Back when reaches the end</marquee>

<script type="text/javascript">
setInterval(function()
{
   $.ajax({url:"/test2", type:"GET", async:true, cache:false, success:function(result)
{
     $("#slider").html(result);
}});

},2500);
</script>

test2.php

<?php
echo "Bounces Back when reaches the end";
?>

所以在上面的图片示例中，我希望第一个选框与底部选框具有相同的效果。

谢谢！

Answer 1

如果我们在文本的品牌中添加一个包含元素，那么该品牌将继续顺利运行，因为我们没有直接使用新的html定位品牌 - 请参阅 - http://jsfiddle.net/Uy6S8/

<强> MARKUP

<marquee id="slider" class="panel panel-default">
    <span id="sliderText">I am the marquee text</span>
</marquee>

<强> JS

setInterval(function() {
    $("#sliderText").html("I am new Marquee Text");
},10000);