ブックマーク / yurubu.org (1)

  • jQueryゼロから / scale(画像を拡大縮小する) | ゆるぶ | ページ 475

    jQueryのcssでプロパティを直接いじるのだが、width, height は 180% とか指定できないのね。 なので、直接画像サイズを指定しました。(画像サイズ 32px × 1.8 ≒ 58px) んで、結局何がやりたかったのかというと、オンマウスでぷるんと出来んかなと。 width / height をいじると画像の左上を原点として拡大するので、同時にtop / left もいじることに。 位置調整用に<span>とか何かしらのタグで囲いつつ、position: relative にしておいてください。 var option = { duration: 'fast', easing: 'easeOutElastic' }; $('#target').hover(function(){ $(this).animate({ top: -13, left: -13 }, option

    jQueryゼロから / scale(画像を拡大縮小する) | ゆるぶ | ページ 475
  • 1