jScroller2


the next Generation Autoscroller by Markus Bordihn

Example Alternate

bounce.... AnimeArchive.de
bounce... AnimeArchive.de
longer Content to bounce... AnimeArchive.de bounce...
longer Content to bounce... AnimeArchive.de bounce...

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-60 jscroller2_alternate" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">  ... </div>
</div>

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

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

<div id="scroller_container4">
 <div class="jscroller2_right jscroller2_speed-90 jscroller2_alternate" 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: auto;
}
/* Scoller Box */

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

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