This project is an experiment in mootoology. Quite arguably over-engineered for its core purpose, I use it to hone my MooTools skills while trying to still provide a fun and stable tool for others to use.

The unobtrusiveness aspect of the project is key in keeping the content accessible when pages are loaded without Javascript and/or CSS, whether by users or machines, and is one of Moostick’s top goals.

Using Moostick

Upload Moostick to a web accessible location and include it in your [X]HTML, preferably in the head for validation but after MooTools, as follow:

<script src="moostick.js" type="text/javascript"></script>

Then simply assign an id or class of moostick to a sample unordered list.

<ul id="moostick">
  <li>Sample headline</li>
  <li>Another headline</li>
  <li>Yet another headline</li>
  <li>And a final one</li>
</ul>

See in the source of the provided examples for more fun.

The script defaults to automatically start (ondomready) and discover targeted elements through simple CSS class and id assignment (”moostick“, by default). It can also instead act as a library for developers to use with any list element in their own object oriented workflow, by passing an auto-start kill switch at include time (moostick.js?init=false). The API is documented and published with Natural Docs.

The ticking pauses when the cursor hovers over the displayed headline, and such niceties. When used an object, you can pass Moostick different intervals, effect settings, start/pause/resume/stop the ticker, tweak the script’s performance, and more.

Demo: http://labs.tekartist.org/mootools/moostick/examples/01-easiest.html
Download: http://labs.tekartist.org/mootools/moostick/releases/1.0/moostick-1.0.zip
Source: http://tekartist.org/labs/mootools/moostick/