新しいブログに引っ越しました

tomotomoSnippetは新しいブログに移動しました
https://develtips.com/

2009-12-21

[GoogleMapAPI]マウスホイールによるズームイン・ズームアウトを有効にする

  1. myGMap2.enableScrollWheelZoom();  


この一行でマウスホールによるズームイン&ズームアウトが有効になります。

2009-12-18

JQuery.animate()のbackgroundColorにハマった

JQueryで背景色を変えるアニメーションを作ろうとした。
  1. <script type="text/javascript" src="/jquery.js"></script>  

  1. $('#element').animate( {backgroundColor: '#F2ABCA'}, 'fast' );  


動かない。
FFのエラーコンソールを見ると
色であるべきところが'NaNpx'になっています。
と怒られました。

調べると公式ドキュメントにちゃんと書いていました。
http://semooh.jp/jquery/api/effects/animate/params%2C+%5Bduration%5D%2C+%5Beasing%5D%2C+%5Bcallback%5D/
そもそも数値型の値をとらない属性(backgroundColorなど)には、animate関数は対応していません。

じゃあどうするかというと、Color Animationプラグインを読み込めばいいみたいです。
http://plugins.jquery.com/project/color

  1. <script type="text/javascript" src="/jquery.js"></script>  
  2. <script type="text/javascript" src="/jquery.color.js"></script>  

  1. $('#element').animate( {backgroundColor: '#F2ABCA'}, 'fast' );  


今度はちゃんと動きました。

人気のエントリー