タグ

jqueryとanimateに関するd_NA_sER186のブックマーク (1)

  • .animate()で動かす(移動編) - jQuery syntax

    おそらく一番使い一番楽しいであろう.animate()です。 指定した要素を移動したり拡大縮小したり透明度を変えたりします。 まずは動かすところからやっていきましょう。 $(document).ready(function(){ $("#sample").css({position:"absolute",top:0}); $("#sample").animate({top:"100px"},1000); });#sampleのCSSプロパティtopを0から100pxまで1000ミリ秒かけて変更するスクリプトです。実行すると上から下に要素が下がっていくと思います。 .animate()の前に.css()という命令が登場していますが、これは初期値のtopがなんの値なのか指定するために書いています(.animate()だけだと「どこから100pxまで移動するのか」という感じなので、.css()で

    .animate()で動かす(移動編) - jQuery syntax
  • 1