SIRIUS(シリウス）で<marquee>タグを使って簡単に画像を動かす
<MARQUEE>マーキータグはInternet Explorerが独自に追加したタグで、元々文字を左右＆上下にスクロールさせるように使います。
そのマーキータグを使えば、わざわざＧＩＦアニメを作らなくても、画像をひとつ用意するだけで 手軽に動かすことができます。
ここではそのマーキータグを紹介しますので、参考にしてみてください。
1、右から左に動く
<marquee>
<img src="動かしたい（表示する）画像" width="画像の横幅" height="画像の高さ">
</marquee>
2、左から右に動く
<marquee direction="right">
<img src="動かしたい（表示する）画像" width="画像の横幅" height="画像の高さ">
</marquee>
3、はや〜い！速さの設定は、30 です
<marquee scrollAmount="速さ（数字）">
<img src="動かしたい（表示する）画像" width="画像の横幅" height="画像の高さ">
</marquee>
4、下から上へ＆上から下へ
<marquee direction="up" scrollAmount="上昇する速度（数字）" width="表示する横幅" height="表示する縦幅">
<img src="動かしたい（表示する）画像" width="画像の横幅" height="画像の高さ">
</marquee>
direction="up"の所を、direction="down"にすると、上から下に変わります。
5、マウスを乗せると、止まります
<marquee onmouseover=this.stop() onmouseout=this.start()>
<img src="動かしたい（表示する）画像" width="画像の横幅" height="画像の高さ">
</marquee>
面白いでしょ！やってみてね！
関連ページ
- シリウス（SIRIUS）で2カラムサイドメニュー幅変更方法
- デフォルトテンプレートの2カラムサイドメニュー幅変更方法について説明します。
- シリウスでサイドメニューのフリースペースを増やす方法
- シリウスでサイドメニューのフリースペースを増やす方法について説明します。
- SIRIUSシリウスで更新履歴の位置を変更する方法
- SIRIUSシリウスで更新履歴の位置を変更する方法について解説していきます。
- SIRIUSシリウスで更新履歴の背景画像を変更方法
- SIRIUSシリウスで更新履歴の背景画像を変更方法について、解説していきます。
- SIRIUSシリウスの更新履歴枠の角を丸くする&影をつける方法
- SIRIUSシリウスの更新履歴枠の角を丸くすると影をつける方法について解説していきます。
- SIRIUSでカーソルを置くとリンク画像を動かす設定方法
- SIRIUSでカーソルを置くとリンク画像を動かす設定方法について、詳しく解説していきます。
- SIRIUS サイドバーに画像付きのプロフィールを設置方法
- SIRIUS サイドバーに画像付きのプロフィールを設置方法について、詳しく解説していきます。
- SIRIUS クラスの設定機能で蛍光ペンを設定方法
- SIRIUS クラスの設定機能で蛍光ペンを設定方法について、詳しく解説していきます。
- SIRIUSに無料でメールフォームを設置する方法
- SIRIUS（シリウス）に無料でメールフォームを設置する方法について、詳しく解説していきます。
- SIRIUSで記事途中に飾り枠を挿入する方法
- SIRIUS（シリウス）で記事途中に飾り枠を入れる方法について、詳しく解説していきます。
- SIRIUS 同じページ内で指定の場所にリンクする方法
- SIRIUS 同じページ内で指定の場所にリンクする方法について、詳しく解説していきます。
- SIRIUSで動くボタンを作成方法
- SIRIUSで動くボタンを作成方法について、詳しく解説していきます。
- SIRIUSでスクロールの途中でサイドバーが消えないよう固定する方法
- SIRIUSでスクロールの途中でサイドバーが消えないよう固定する方法について解明します。
- SIRIUSで1つの記事を複数のカテゴリに登録する方法
- SIRIUSで1つの記事を複数のカテゴリに登録する方法について説明します。
- SIRIUSで蛍光ペンをカスタマイズする
- SIRIUSで蛍光ペンをカスタマイズする方法
- SIRIUSでトップへ戻るボタンを実装する方法
- SIRIUSでトップへ戻るボタンを実装する方法について紹介します。
- SIRIUSシリウスの見出しフォントに影をつける方法
- SIRIUSシリウスの見出しフォントに影をつける方法を紹介します。
- SIRIUSのサイトにYouTube動画を『埋め込み』方法
- SIRIUSのサイトにYouTube動画を『埋め込み』方法について紹介していきます。
- SIRIUSでGoogleマップをサイトに埋め込む方法
- SIRIUSでGoogleマップをサイトに埋め込む方法についてご紹介していきます。
- SIRIUSでトップへ戻るボタンに画像を使用する方法
- SIRIUSでトップへ戻るボタンに画像を使用する方法について紹介していきます。
- SIRIUSで画像を横に自動スライドさせて動かす方法
- SIRIUSで画像を横に自動スライドさせて動かす方法を紹介していきます。
- SIRIUS(シリウス）で画像を振り子のように左右に揺らす実装方法
- SIRIUS(シリウス）で画像を振り子のように左右に揺らす実装方法を紹介します。
