gibney.org
:
Technology
:
Javascript
:
Includes
:
Overflow Scroller Example
(Entry Nr. 375, by user 70 |
edit
)
<style> #outer { background-color: green; padding: 50px; width: 600px; overflow: hidden; /* white-space: nowrap; */ position: relative; } #inner { font-size: 180%; background-color: red; position: relative; white-space: nowrap; } </style> <div id=outer style="padding: 20px 0 20px 0;"> <span id=inner> Move your mouse to the right side of this red DIV, and it will begin to scroll to the left, revealing all the text to come. Likewise, moving the mouse close to the left side of the red DIV - well, guess which direction the text scrolls... </span> </div> <script src="http://js.gibney.org/overflow_scroller.js"></script> <script> ExampleScroller=new OverflowScroller("inner"); ExampleScroller.SenseArea=200; </script>
Create a new entry at this position