ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >HTMLタグ一覧 > マーキー

属性を組み合わせる

通常のマーキータグか属性(オプション)を加えたマーキータグをオプションを 加えたマーキータグで囲むといろんな動きをすることができます。

■ 斜め下降

通常のマーキーをdownのオプションを加えたマーキーで囲んでるので
左斜め下に下降します。(上から下スクロール+右から左スクロール)

【ブラウザ表示】

滑り台

ソース

<MARQUEE direction="down" height="100">
<marquee>滑り台</marquee>
</MARQUEE>

■ 不規則に出現

マーキータグにupとdownの属性を指定してるので上に現れたり下に現れたりします。
(上から下スクロール+下から上スクロール)

【ブラウザ表示】

ヽ(^O^)ノ♪

ソース

<MARQUEE direction="down" height="100">
<marquee direction="up">ヽ(^O^)ノ♪</marquee>
</MARQUEE>

■ 跳ね返り運動

マーキータグにalternateの属性を組み合わせてるので壁に当たって跳ね返ります。
(下から上スクロールの往復+右から左スクロールの往復)

【ブラウザ表示】


ソース

<MARQUEE behavior="alternate" direction="up" height="100">
<marquee behavior="alternate">○</marquee>
</MARQUEE>

■斜めに上昇して直進後停止

マーキータグにslide(left、up)の属性を組み合わせてるので左斜め上に上昇後左に5回直進し端で 停止します。■が止まっていたらブラウザの更新ボタンを押して下さい。指定回数分同じ動きを繰り返します。
(右から左スクロールを5回ループ+下から上スクロールで停止)

【ブラウザ表示】


ソース

<MARQUEE behavior="slide" direction="left" loop="5">
<marquee behavior="slide" direction="up" height="100">■</marquee>
</MARQUEE>

■leftとrightを組み合わせた場合

マーキータグにdirection="left"とdirection="right"の属性を組み合わせてるのでスムーズに移動しません。 こちらもupとdownを指定した時の様に不規則に出現します。
(右から左スクロール+左から右スクロール)

下のブラウザ表示例のように横幅200程度のテーブルの 中でマーキータグを入れると移動する文字の動きがわかりやすいです。

【ブラウザ表示】


ソース

<MARQUEE direction="left" height="100">
<marquee direction="right">▽</marquee>
</MARQUEE>

■ その他の項目

文字や画像をスクロールする
マーキータグと文字を並べる

HTMLタグ一覧のページに戻る

HTMLタグ
テキスト
イメージ
マーキー
テーブル
リンク
リスト
水平線
フォーム
メタタグ
フレーム
音楽タグ
埋め込みタグ

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.