<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title></title>
<meta name="author" content="#" />
<meta name="description" content="#" />
<meta name="keywords" content="#" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
.marga {
background-color: #BADA55;
position: relative;
width: 300px;
height: 400px;
overflow: hidden;
}
.marga div {
position: relative;
border: 1px red dashed;
}
</style>
</head>
<body>
<div class="marga">
<div>предложение1</div>
<div>предложение2</div>
<div>предложение3</div>
</div>
<script>
$(function Myanim(){
var
fadeIn_time = 400,
bubble_time = 2000,
bubble_easing = "swing",
stay_time = 2000,
fadeOut_time = 800,
marga = $(".marga"),
divs = marga.find("div").hide(),
bottomeness = marga.height(),
widthness = marga.width(),
i = 0,
curr;
(function loop(next){
divs.eq(i - 1).hide();
if (!divs[i]) {
i = 0;
}
curr = divs.eq(i);
curr.
fadeIn(fadeIn_time).
css({"top": bottomeness - curr.outerHeight(), left: 0}).
animate({ top: 0 }, bubble_time, bubble_easing).
delay(stay_time).
animate({left:-widthness}, fadeOut_time).
queue(loop);
i += 1;
if (next) {
next();
}
})();
$(".marga > div").mouseover(function(){
$(this).stop(true);
}).mouseout(function(){
//Tут чот запустить с данной позиции
});
});
</script>
<script type="text/javascript">
</script>
</body>
</html>
Как запустить спрашивайте у melky