[jQuery] 色のアニメーション

最近jQueryで遊んでいるが、jQueryだけでは色を変えるアニメーションはできないようで、jQuery/UIも必要なようだ。あと、CSSっぽくプロパティを指定するのではなく、Camel Styleで指定する必要がある。

view plainprint?

1. <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>  
2. <script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script> ← これが必要  
3. <script type="text/javascript">  
4. $(function() {  
5.     // html中にあるid=fooというdivを500ピクセル四方で黒色にアニメーション  
6.     $("#foo").animate({  
7.         width: "500px",  
8.         height: "500px",  
9.         backgroundColor: "#000000"}, // ここがCamel Style  
10.         1000);  
11.     });  
12. });  
13. </script>  

 ← これが必要