エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQueryを使って画像を縦にスライドさせるチュートリアル - JavaScriptテックラボ - [SMART]
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQueryを使って画像を縦にスライドさせるチュートリアル - JavaScriptテックラボ - [SMART]
jQueryとsetIntervalを使った簡単な画像切替スクリプトを作成してみます。 今回は縦にスライドです。 ま... jQueryとsetIntervalを使った簡単な画像切替スクリプトを作成してみます。 今回は縦にスライドです。 まずはスタイルシートの設定で、表示領域(画像)のサイズを設定します。 IDがmain-visual2に格納されたオブジェクトを切り替え対象にするので、下記のようにmain-visual2というIDのボックスを用意し、その中に画像を配置します。 アンカーはつけても付けなくても大丈夫です。 最後にJavaScriptを記述します。JavaScriptとStyle設定はHEAD要素に書くといいでしょう。 jQueryを最初に読み込み、ドキュメントが構築された後に実行するように$(function(){})の中にコードを記述します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js