AddObject JavaScript Scroller - NlsScroller Professional Blank Effect

Blank Effect

NlsScroller Professional - Advanced HTML Scroller Control

Example below shows NlsScroller with blank effect. Content simply change from topic to topic. You can specify the amount of time the scroller goes blank before displaying next topic.

Happy New Year Everyone!
Monday January 1st, 2007

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Click here for detail

Happy Valentine Everyone!
Wednesday, February 14th, 2007

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Click here for detail

Special Event 1
Thursday, March 15th, 2007

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Click here for detail

Special Event 2
Sunday, April 1st, 2007

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Click here for detail

Special Event 3
Tuesday, May 22nd, 2007

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Click here for detail

Below are scripts required to initialize the scroller on the left. No complicated javascript and the content are embeded directly in the page in a DIV element with id="scrollerDiv".


              <script>

                  var n = new NlsScroller("scroll1");

                

                  n.setContentById("scrollerDiv");

                  n.width=250;

                  n.height=180;

                  n.speed=3000;

                  n.setEffect(new NlsEffBlank("speed=400,topicsequence=next"));

                  n.render("scrollerDiv");  

              

              </script>

About the example:

The example above is configured to scroll automatically. It is possible to configure the scroller to scroll manually by default. You can also click on the mode button to toggle the scroll mode to auto/manual.
It is possible to show the toolbar.
Stop on Mouse Over is activated, when mouse move over scroller, the scroll will stops scrolling.
In this example, content changed every 3 seconds.