スキップしてメイン コンテンツに移動

投稿

9月, 2014の投稿を表示しています

Google Blogger で jQuery を使う

参考

BloggerでJQueryを使う方法
http://www.youngflavor.net/2012/04/85/
Color animation - 色や背景色をアニメーションさせられるjQueryプラグイン | CREAMU
http://blog.creamu.com/mt/2012/03/color_animation_-_jquery.html
Color animation jQuery plugin
http://www.bitstorm.org/jquery/color-animation/


目的と背景

jQuery を使用して Color Animation をやってみたい
Blogger を使用しているので、動作確認の方法もついでに知りたい



DEMO $('#demodiv').animate({color: '#E4D8B8'})runrevert$('#demodiv').animate({backgroundColor: '#400101'})runrevert$('#demodiv').animate({borderBottomColor: '#00346B'})runrevert$('#demodiv').animate({borderColor: 'darkolivegreen'})runrevert$('#demodiv').animate({color: 'rgba(42, 47, 76, 0.1)'})runrevert 上記デモは参考とさせていただいたページのコードをコピーさせていただきました。
1)Blogger で jQuery を使えるようにする
Blogger の管理画面、ブログのテンプレートを開き HTML編集を開きます。 </head> の前あたりに jQuery を読み込むコードを追加しました
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript" &…