jScroller2


the next Generation Autoscroller by Markus Bordihn

Example Different Speed

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

Test W3C Validation: Valid HTML 4.01 Strict

HTML Code

<link rel="stylesheet" type="text/css" href="jscroller2-1.0.css">
<script type="text/javascript" src="jscroller2-1.61.js"></script>

<div id="scroller_container1">
 <div class="jscroller2_left jscroller2_speed-10" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">  ... </div>
</div>

<div id="scroller_container2">
 <div class="jscroller2_left jscroller2_speed-20" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">  ... </div>
</div>

<div id="scroller_container3">
 <div class="jscroller2_left jscroller2_speed-30" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">  ... </div>
</div>

<div id="scroller_container4">
 <div class="jscroller2_left jscroller2_speed-40" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">  ... </div>
</div>
     

CSS Code

/* Scroller Box */
#scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4 {
 width: 600px;
 height: 60px;
 overflow: hidden;
}
/* Scoller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4 {
 overflow: auto;
}