|
<![CDATA[
$(function() {
var rollingDiv = $("#rolling1");
rollingDiv.rolling("down", 140, 110, 2);
rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/ayjjsallNwc/default.jpg' width='130' height='100' alt='first item' border='0'/>");
rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/pe-MIDDfckw/default.jpg' width='130' height='100' alt='second item' border='0'/>");
rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/AyRIvX25vRQ/default.jpg' width='130' height='100' alt='third item' border='0'/>");
rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/GxplDa3M5Io/default.jpg' width='130' height='100' alt='fourth item' border='0'/>");
rollingDiv.bind("mouseover", function() {
$("#rolling1").stopRolling();
});
rollingDiv.bind("mouseout", function() {
$("#rolling1").resumeRolling();
});
var opacity = 0.6;
$('img', rollingDiv.getRollingItems()).css("opacity", opacity);
$('img', rollingDiv.getRollingItems()).hover(
function() {
$(this).animate({
width: "140",
height: "110",
opacity: 1
}, 500);
},
function() {
$(this).animate({
width: "130",
height: "100",
opacity: opacity
}, 500);
}
);
rollingDiv.startRolling(50, 0, 50);
});
]]>
|