jScroller


a Autoscroller for jQuery by Markus Bordihn

Example Left

AnimeArchive.de This is a Test, in this Test you can see that the Scroller can Scroll Images , Link and other things.

Test W3C Validation: Valid HTML 4.01 Strict

HTML Code

<script type="text/javascript" src="jquery-1.x.js"></script>
<script type="text/javascript" src="jscroller-0.4.js"></script>
<script type="text/javascript">
 $(document).ready(function(){

  // Add Scroller Object
  $jScroller.add("#scroller_container","#scroller","left",1);

  // Start Autoscroller
  $jScroller.start();
 });
</script>

<div id="scroller_container">
 <div id="scroller">
  ...[Content]...
 </div>
</div>
     

CSS Code

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 300px;
 height: 60px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 60px;
 font-size: 60px;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */
     

Valid HTML 4.01 Strict