My issue is that when I use a regular marquee, the text simply goes to the end and does not bounce back to the start as soon as it reaches the end of the div.
Instead of using a normal marquee, I am looking to achieve this desired effect by utilizing jQuery to grab echoed PHP content from another page.
For example:
Code: Index.html
<marquee id="slider" class="panel panel-default" style="width:50%;"></marquee>
<marquee class="panel panel-default" style="width:50%;">The text doesn't bounce back when reaching 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 "The text bounces back when reaching the end";
?>
In the image shown above, my goal is for the first marquee to exhibit the same bouncing effect as the bottom one.
Thank you!