Skip to content
No description or website provided.
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
README.textile
example.html
jquery.ticker.js

README.textile

jQuery Ticker

News ticker for jQuery

Usage

In HTML:

  
    <ul id="ticker" interval="3000">
      <li><img src="http://content.onlineagency.com/sites/17997/images/ca_banner6.jpg"></li>
      <li><img src="http://content.onlineagency.com/sites/17997/images/ca_banner4.jpg"></li>
      <li><img src="http://content.onlineagency.com/sites/17997/images/ca_banner3.jpg"></li>
    </ul>
  

In CSS:

  
    .tickerbox {
      width:770px;
      margin:10px;
      padding:0;height:300px;
    }

    .tickerbox ul {
      width:750px; 
      position:relative;
    }

    .tickerbox li {
      width:100%;
      list-style: none inside;
      position:absolute;
      overflow:hidden
    }
  

In JS:

  
    $(document).ready(function() {
      $("#ticker").ticker();
    });      
  

To see an example take a look in example.html.

By

Daniel Lopes

Something went wrong with that request. Please try again.