Jak zmienić kolor tła znacznika div na zmiany za pomocą JQuery?
Próbuję ciągle zmieniać tło znacznika div, używając wartości for loop i rgb (). Oto mój kod napisany w sample.html:
<!DOCTYPE html>
<html lang="en">
<head>
<title>sample</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script >
<script>
$(document).ready(function(){
var r=0;
var g=0;
var b=0;
for(r=0;r<255;r++)
{
for(g=0;g<255;g++)
{
for(b=0;b<255;b++)
{
$("#sqr").css("background-color","rgb(r,g,b)");
}
}
}
});
</script>
<style>
#sqr{background-color:rgb(255,0,0);
height:200px;
width:200px;
}
</style>
</head>
<body>
<div id="sqr">
</div>
</body>
</html>
więc czy mogę powiedzieć, jak powinienem utworzyć kod, aby kolor tła div zmieniał się automatycznie po załadowaniu strony? Zauważ, że chcę bardzo płynnie zmienić kolor.
Jeśli chcesz zobaczyć, jakie efekty chcę uzyskać, odwiedź:tutaj i zobacz efekty jego pokazania.
Zgodnie z niektórymi sugestiami zmieniłem kod na:
$("#sqr").css("background-color","rgb("+r+","+g+","+b+")");
Teraz poprawnie pobiera wartości rgb, ale nie ładuje poprawnie efektów w przeglądarce, pokazuje mi okno dialogowe: