How I Did That - Why 'How I Did That'

« Back

Simple News Scroller

Posted by: mark | May 5, 2013 | Category: Cycle

One of the simplest ways to scroll News articles, as you can see in the example link, it takes a few seconds to start, continue on to see the code.

As you will see it really is simple. You call the cycle function on a div that has at least 2 or more divs in it which can have any content you want.

Example

Code

Call the jQuery and javascript function
 
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
 or
<script type="text/javascript" src='uploads/jquery/jquery-1.8.3.min.js'></script>

<script type="text/javascript" src='uploads/cycle/jquery.cycle.all.js'></script>
<script type="text/javascript">
 $(document).ready(function(){
  $('#newsscroll').cycle({
    fx: 'scrollUp',
 });
});
</script>
/* -------- HTML -------- */

<div id='newsscroll'>
{news}
</div>

/* -------- CSS for this demo -------- */

none

^ Top