ScriptBreaker

This is a demonstration of the jcarousellite script. The example below shows how you can easily add a news message slider to your website. The news messages are created by li elements. You can jump to the previous or next message with the corresponding buttons. This example uses basic CSS, so feel free to customize the styles.

HTML, CCS and JQuery code

<script src="jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="jcarousellite_1.0.1c4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	$("#newsticker-demo").jCarouselLite({
		vertical: true,
		hoverPause:true,
		btnPrev: ".previous",
		btnNext: ".next",
		visible: 3,
		auto:3000,
		speed:500
	});
});


 
 

     

       

			

				Tip: Looking for new scripts?

				Visit our homepage to see the latest scripts.
       		
       
       

       		

       			Find: Scripts by category?

				A collection of popular scripts by category
			
       
       

       		

       			Help: Say hello?

				Need some help?  Just drop us a line.
			
       
       

       		

       			Wow: Navigation?

				Looking for some cool navigation scripts
			
       
       

       		

       			Request: Need a script?

				Can't find the the script you're looking for'?  Ask us!
			
       
     
 
 

 Download full sourcecode