エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
.animate()で動かす(移動編) - jQuery syntax
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
.animate()で動かす(移動編) - jQuery syntax
おそらく一番使い一番楽しいであろう.animate()です。 指定した要素を移動したり拡大縮小したり透明度を... おそらく一番使い一番楽しいであろう.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()で