title: Right to left text scroller
body: <p>I'm planning on running a script that uses PHP's "file_get_contents" function to pull stock price data from a website, which is then manipulated with jQuery and fed to a 3rd party website as an iFrame. </p>
  
  <p>So far its successfully importing the data, however the iFrame is too narrow for everything to be displayed. Anyone know of a simple jQuery text scroller, that loops the contents of a div from right to left? </p>
  
  <p>Code so far:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Ticker&lt;/title&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;style&gt;
  .yfi_quote_summary_page{display:none;}
  .time_rtq_ticker{font-weight:bolder;}
  .down_r{color: #c00;font-weight:bold;}
  .up_r{color: #080;font-weight:bold;}
  .yfi_rt_quote_summary_rt_top .time_rtq{display:none;}
  #time, #currentPrice{float:left;display:inline;font-size:16px;}
  #currentPrice p{margin:0;}
  #time{margin-right:16px;}
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;?php
  $content = file_get_contents('http://uk.finance.yahoo.com/q?s=STT.L');
  if( $content !== FALSE ) {
    echo $content;
  }
  ?&gt;
  &lt;script&gt;
  $(function(){
     /*Copy HTML element*/
     var $importedData = $(".yfi_rt_quote_summary_rt_top").clone(true);
     var $time = $(".time_rtq").clone(true);
     $('body').empty();
     $('body').append('&lt;div id="ticker"&gt;&lt;div id="time"&gt;Stock price at &lt;/div&gt;&lt;div id="currentPrice"&gt;&lt;/div&gt;&lt;/div&gt;');
     $('#currentPrice').append($importedData);
     $('#time').append($time);
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>