Как сделать так, чтобы цвет фона тега div постоянно менялся с помощью JQuery?
Я пытаюсь изменить фон тега div, используя значения for loop и rgb (). Ниже приведен мой код, написанный в 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>
Так может ли кто-нибудь сказать мне, как я должен сделать код, чтобы цвет фона div автоматически менялся при загрузке страницы? Обратите внимание, что я хочу изменить цвет очень плавно.
Если вы хотите увидеть, как эффект я хочу, посетите:Вот и увидеть эффекты его показа.
Согласно некоторым предложениям, я изменил свой код:
$("#sqr").css("background-color","rgb("+r+","+g+","+b+")");
Теперь он принимает значения rgb правильно, но не загружает эффекты правильно в браузере, показывает мне диалоговое окно: