Skip to content

Latest commit

 

History

History

jquery-news-ticker

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

jQuery News Ticker

A very simple news ticker that is easy to implement into your webpage.

<div class="news-box">
    <div class="current">
        <p class="tag-line">Current News:</p>
    </div>
      <p class="news1"></p>
</div>
    
<div class="ticker">
    <li>
        <p>This is the first news item...</p>
    </li>
    <li>
        <p>This is the second news item...</p>
    </li>
    <li>
        <p>This is the third news item...</p>
    </li>
    <li>
        <p>This is the forth news item...</p>
    </li>
</div>

The elements in <div class="ticker"> will be hidden.

Put the style tag at the top of the html and the javascript tags at the bottom. Make sure that news-ticker.js is below jquery.min.js. Change the css to style the ticker any way you wish.