[CSS][JavaScript] Losowanie liczby (animacja)

[CSS][JavaScript] Losowanie liczby (animacja)

mfernal010 Zobacz profil	22.06.2015, 12:50:16 Post #1
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 22.06.2015 Ostrzeżenie: (0%)	Witam wszystkich Serdecznie. Znalazłem na forum skrypt: Temat: innePHPLosowe wyswietlanie obrazkow Przerobiłem go pod siebie lecz mam problem mianowicie chciałbym, aby losowanie nie było od prawej do lewej lecz od góry do dołu lub na odwrót. Aktualnie mój kod wygląda tak: [HTML] pobierz, plaintext <html> <head> <meta charset="utf-8"> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'> <script src="howler.js"></script> <style> #wrapper { position: absolute; top: 22px; width: 100px; height: 720px; overflow: hidden; } ul {list-style-type: none; margin: 0px; padding: 1px; width: 100%; } li {list-style-type: none; float: left; width: 90px; height: 90px; margin: 5px; background: url(images/los.png); text-align: center; line-height: 75px; font-size: 25px; color: #8f8f8f; font-family: 'Ubuntu', sans-serif; font-weight: 400; position: relative; left: 0px; } #result {width: 100px; height: 100px;} #button{ position: absolute; left: 250px; background: url(images/button.png); width: 199px; height: 45px; border: 0px; color: #ffffff; font-size: 17px; font-family: 'Ubuntu', sans-serif; font-weight: 400; } </style> </head> <body> <div id="ramka"> <div id="wrapper"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> </div> </div> <div id="strzalka"></div> <br> <button id="button" >Rozpocznij losowanie</button><br/><br/><br/><br/> <script> $(document).ready(function(){ $("ul > li:lt(5)").clone().appendTo("ul") $("ul").css({height: ($("ul > li").length * 100)}) $("#button").click(function(){ if($(this).text()==="Rozpocznij losowanie"){ stop = false $(this).text("Zatrzymaj losowanie"); $("#result").empty(); $("#textDiv").empty(); scroll() } else { stop = true $(this).text("Rozpocznij losowanie"); } }); }); var stop = false; var speed = 40 function scroll() { count = parseInt($("ul > li").first().css("left")) if(count < 0){ count = count / -100;} if(stop){show(count); return false;} if(count === ($("ul > li").length - 10)){count =0; $("ul > li").css({left: "0px"});} $("ul > li").slice(1).animate({left:"-"+((count+1)100)+"px"}, speed, "linear"); $("ul > li").first().animate({left:"-"+((count+1)100)+"px"}, speed, "linear", function(){scroll();} ); } function show(count){ count = count + 3; $("ul > li").slice(count,(count+1)).clone().css({left: "0px"}).appendTo("#result"); } </script> <div id="result"></div> </body> </html> [HTML] pobierz, plaintext Czy znalazłby się ktoś dobry i pomógł mi zrobić to, aby losowanie było od góry w dół