Visual C# 2013逆引き大全 555の極意

ASP.NETの極意 - Tips515 画像をスライドして表示させる

Icon comment count 0
Icon stock count 0

Tips515画像をスライドして表示させる

Point指定タグをアニメーションしながら移動(clickメソッド、animateメソッド)

Level1
対応
  • EXP
  • PRO

ボタンなどをクリックしたときに、画像を移動する場合は、animateメソッドを使います。

jQueryのanimateメソッドでは、アニメーション効果を付けながら指定タグを移動できます。

animateメソッドでは、連想配列を使ってアニメーションをしたいスタイルを指定します。スタイルの名前と値を並べて記述することで、それぞれの値になるまでにアニメーションで値が変化します。

リスト1では、imgタグに「img1」という名前を付けておいて、クリックしたときにアニメーションで画像を移動させています。

marginLeftスタイルを使い、画像を右に300ピクセル移動させます。

実行結果

出典情報

Medium

Visual C# 2013逆引き大全 555の極意

  • 著者: 増田智明、池谷京子、国本温子

コメント

    コメントはありません