Показать сообщение отдельно
  #2 (permalink)  
Старый 24.07.2009, 13:12
sergei
 
Сообщений: n/a

$(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); });
Ответить с цитированием