Rolling Mouse Event Example
when mouse over, rolling stop.
mouse out, rolling resume.
<![CDATA[
$(function() {
var rollingDiv = $("#rolling");
rollingDiv.rolling("down", 130, 100);
rollingDiv.addRollingItem("<a href='http://www.youtube.com/watch?v=ayjjsallNwc' target='_new'><img src='http://i.ytimg.com/vi/ayjjsallNwc/default.jpg' width='130' height='100' alt='first item' border='0'/></a>");
rollingDiv.addRollingItem("<a href='http://www.youtube.com/watch?v=pe-MIDDfckw' target='_new'><img src='http://i.ytimg.com/vi/pe-MIDDfckw/default.jpg' width='130' height='100' alt='second item' border='0'/></a>");
rollingDiv.addRollingItem("<a href='http://www.youtube.com/watch?v=AyRIvX25vRQ' target='_new'><img src='http://i.ytimg.com/vi/AyRIvX25vRQ/default.jpg' width='130' height='100' alt='third item' border='0'/></a>");
rollingDiv.addRollingItem("<a href='http://www.youtube.com/watch?v=GxplDa3M5Io' target='_new'><img src='http://i.ytimg.com/vi/GxplDa3M5Io/default.jpg' width='130' height='100' alt='fourth item' border='0'/></a>");
rollingDiv.bind("mouseover", function() {
$("#rolling").stopRolling();
});
rollingDiv.bind("mouseout", function() {
$("#rolling").resumeRolling();
});
rollingDiv.startRolling(50, 0, 100);
});
]]>