JSFiddle - React, Tailwind, and code Playground

by mjgasner

HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript" src="http://www.givainc.com/labs/lib/jquery.marquee.js"></script>
<link type="text/css" href="http://www.givainc.com/labs/css/jquery.marquee.css" rel="stylesheet" media="all" />
<ul id="marquee" class="marquee"> 
  <li> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed a nulla.  
    Lorem ipsum dolor sit amet, consectetuer.</li> 
  <li> 
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per  
    inceptos hymenaeos. Fusce tincidunt adipiscing,massa. Class aptent taciti  
    sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.  
    Fusce tincidunt adipiscing,massa. 
  </li> 
  <li> 
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per  
    inceptos hymenaeos. Fusce tincidunt adipiscing,massa. 
  </li> 
  <li> 
    Mauris ullamcorper euismod leo. Nulla congue tellus vitae ante at pede eu  
    ligula lacinia. Integer sed sapien, rutrum nec. 
  </li> 
  <li> 
    Aliquam erat volutpat. Fusce dolor. Vestibulum ornare congue turpis  
    sollicitudin nunc elit. Nullam erat neque, facilisis quis. 
  </li> 
  <li> 
    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur  
    ridiculus mus. Nam non eros sed facilisis, bibendum eu. 
  </li> 
</ul>

JavaScript

jQuery.noConflict();
jQuery(document).ready(function (){ 
  jQuery("#marquee").marquee(); 
});