The above ticker is created by parsing existing semantic markup:
<div id="so_oTickerContainer"> <h1>Latest News:</h1> <ul> <li><a href="http://slayeroffice.com">Cat reported to have secured a fiddle.</a></li> <li><a href="http://centricle.com">Cows: Able to leap orbiting satellites?</a></li> <li><a href="http://adactio.com">People alarmed to hear small dog laughing.</a></li> <li><a href="http://steve.ganz.name/blog/">Fork devastated as Spoon runs off with Dish.</a></li> </ul> </div>
<div> element with an
id of "so_oTickerContainer" containing an
<h1> and an unordered list of anchor elements are all that are required, and it should be placed in the markup where you want the ticker to appear.
If the user mouses over the ticker or sets focus to it (i.e., tabs to it), the complete text for the item will expand and the ticker will pause until the user mouses out or the ticker loses focus to another element. The title attribute of the ticker is set to the text content.
Clicking on (or otherwise activating) the plus sign will expose all of the content at once, stop the ticker and set focus to the first anchor element.