相关疑难解决方法(0)

我试图使用for循环和rgb()值连续更改div标签的背景.以下是我在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>

所以可以enyone告诉我应该如何制作代码,以便div的背景颜色在页面加载时自动更改？请注意,我想非常顺利地改变颜色.

如果你想看看我想要的效果,那么访问:在这里,看看它显示的效果.

根据一些建议,我已将代码更改为:

$("#sqr").css("background-color","rgb("+r+","+g+","+b+")");

现在它正确地获取了rgb的值,但没有在浏览器中正确加载效果,显示对话框: