流れる文字（マーキー）

文字を流れるようにしたい！！

文字や画像を流れるようにする<marquee>タグはIE独自のタグです。


流れる文字ってかわいい！！使いすぎるとＨＰがうっとうしい感じになるので注意です。あまりスピードが早いマーキーも嫌われます。

こんな感じ　〜　基本のスピード
<marquee>こんな感じ　〜　基本のスピード</marquee>

流れる文字のスピードを変える
基本のマーキーのタグにサイズやスピード、フォントを指定して、変化がつけられます。
こんな感じで文字が流れていくよ〜
<marquee width="400" scrollamount="4"><font color="#000099">こんな感じで文字が流れていくよ〜</font></marquee>
変えるところ→黄色の部分

scrollamount の数字が大きくなるほどスピードが早くなります。

上記マーキーのソース　コピーして使用して下さい



右へ流れるマーキー
こんな風に右に文字が流れていくよ〜

<marquee>タグに direction="right" を追加します。

上記マーキーのソース　コピーして使用して下さい



左右へゆらゆら揺れるマーキー
こんな風に文字が左右にゆれるよ〜

<marquee>タグに behavior="alternate" を追加します。

上記マーキーのソース　コピーして使用して下さい



上へ流れるマーキー
こんな風に上にスクロールするよ〜高さの指示も忘れないで！

<marquee>タグに direction="up" height="100" を追加します。

上記マーキーのソース　コピーして使用して下さい



下へ流れるマーキー
こんな風に下にスクロールするよ〜高さの指示も忘れないで！

<marquee>タグに direction="down" height="100" を追加します。

上記マーキーのソース　コピーして使用して下さい



上下運動をするマーキー
こんな風に上下にスクロール。高さの指示も忘れないで！

<marquee>タグに behavior="alternate" direction="up" height="100" を追加します。

上記マーキーのソース　コピーして使用して下さい



二つ重なってバウンドするマーキー
こんな風にバウンド・バウンド♪　高さの指示も忘れないで！

<marquee>タグに behavior="alternate" direction="up" height="100" とbehavior="alternate" direction="right" を追加し、二つ並べます。

左から流れるようにするには、二つ目のタグをdirection="left" に変更
上記マーキーのソース　コピーして使用して下さい



文字に背景色がついたマーキー
流れる文字に背景色をつけたぁ！

<marquee>タグに bgcolor="背景色" を追加します。

上記マーキーのソース　コピーして使用して下さい



文字の背景に画像を使ったマーキー
流れる文字に画像をつけたぁ！

テーブルを使います。
<table>
<tr>
<td background="画像のURL"><marquee width="400" scrollamount="4"><font color="#333333">流れる文字に画像をつけたぁ！</font></marquee></td>
</tr>
</table>
上記マーキーのソース　コピーして使用して下さい



こんな感じはどう？次は流れる画像

上記マーキーのソース　コピーして使用して下さい




●当サイトのソースは、IE6.0＋のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場 合がございます。ご了承下さい。


★skip ページtop

ページ全般

背景を小粋に変える



リンククラブ








ホームページを小粋に
css
java
home