прокрутка на jquery без клика без шума )))
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.Block {
width: 400px; height:200px;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
function go() {
$('#Blocks').animate({
left: '-=400'
}, 2000).animate({
left: '-=400'
}, 2000).animate({
top: '-=200'
}, 2000)
.animate({
left: '+=400'
}, 2000).animate({
left: '+=400'
}, 2000).animate({
top: '-=200'
}, 2000)
.animate({
left: '-=400'
}, 2000).animate({
left: '-=400'
}, 2000).animate({
top: '+=400',
left: '+=800'
}, 2000, go)
}
go()
})
</script>
</head>
<body>
<div style="overflow:hidden; width: 400px; height:200px; position: relative ">
<div id="Blocks" style="position:absolute; width:1200px; height: 600px; top: 0px; left:0px; z-index: 5; background-color: #00BFFF" >
<div class ="Block "id = "1" style="background-color:red; position:absolute; top:0px; left:0px; ">1</div>
<div class ="Block "id = "2" style="background-color:green; position:absolute; top:0px; left:400px;">2</div>
<div class ="Block "id = "3" style="background-color:red; position:absolute; top:0px; left:800px; ">3</div>
<div class ="Block "id = "4" style="background-color:green; position:absolute; top:200px; left:0px;">4</div>
<div class ="Block "id = "5" style="background-color:red; position:absolute; top:200px; left:400px; ">5</div>
<div class ="Block "id = "6" style="background-color:green; position:absolute; top:200px; left:800px;">6</div>
<div class ="Block "id = "7" style="background-color:red; position:absolute; top:400px; left:0px; ">7</div>
<div class ="Block "id = "8" style="background-color:green; position:absolute; top:400px; left:400px;">8</div>
<div class ="Block "id = "9" style="background-color:red; position:absolute; top:400px; left:800px;">9</div>
</div>
</div>
</body>
</html>