Example Left
This is a Test, in this Test you can see that the Scroller can Scroll Images , Link and other things.
Test W3C Validation:
HTML Code
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jscroller.js"></script>
<div id="scroller_container">
<div id="scroller">
...
</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 */
JS Config
this.defaults = {
scroller: {
interval: 0,
refresh: 100, // Refresh Time in ms
direction: "left", // down,right,left,up
speed: 1,
id: "#scroller",
cont_id: "#scroller_container",
...
}
}