割と古くからあるjQueryプラグインのjquery.color.jsですが、今でも色を変化させるアニメーションには重宝します。今回はインターバルで色を七色に変化させています。headでjQueryとjquery.color.jsのパスを記述して、次のscriptを追加するだけで簡単に実装できます。
$(function(){ 
    rainbow();  
    function rainbow(){
        $(".rainbow").animate({color:"red"},2500)
        .animate({color:"orange"},2500)
		.animate({color:"yellow"},2500)
        .animate({color:"#32cd32"},2500)
        .animate({color:"blue"},2500)
        .animate({color:"#9900dd"},2500);
        setInterval(rainbow,15000);
    }
})();

百万石・BtoB WEB受注システム

※参照元:http://jsdo.it/rojikaji/qgs1
戻るボタン