ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > タグのお勉強 > title - 流れる文字をつくる 応用編

流れる文字をつくる 応用編

基本の形

☆このように文字が流れてる☆

<marquee width="100%" direction="left" scrollamount="7" bgcolor="#ccffcc">
<font color="#808080" size="3">
☆このように文字が流れてる☆
</font>
</marquee>

これが色や形などを全て抑えた基礎的な形でしたよね。

応用編

流したい文字をここに書く
流したい文字をここに書く


<marquee width="430" height="40" direction="left" 
BEHAVIOR="slide" scrollamount=5 bgcolor="#EEE8AA">
<font color="#ff0000" size="3">
流したい文字をここに書く<br>
流したい文字をここに書く<br>
</font>
</marquee>

動かし方もただのスクロールだけでなく、この様に端まで来ると停止したりする事もできます。すでに止まっていたら、画面を更新すると確認できます。
この様に動かすにはmarqueeの後ろにBEHAVIOR="slide"を入れるだけです。

流したい文字をここに書く
流したい文字をここに書く


<marquee width="430" height="40" direction="left" 
BEHAVIOR="alternate" scrollamount=5 bgcolor="#EEE8AA">
<font color="#0000ff" size="3">
流したい文字をここに書く<br>
流したい文字をここに書く<br>
</font>
</marquee>

BEHAVIOR="alternate"にすると、端まで行ったら、引き返す動きです。

流したい文字をここに書く

<marquee width="70%" bgcolor="thistle"
direction="right" loop="3" scrollamount="20">
流したい文字をここに書く
</marquee>

loop="数字"でスクロールする回数を指定できます。すでに回数分終わっていて表示されていなかったら、画面を更新すると確認できます。

流したい文字をここに書く

<marquee width="70%" hspace="50"
vspace="30"
bgcolor="thistle"
direction="right" scrollamount="12">
流したい文字をここに書く
</marquee>

hspace="数字"でスクロール範囲の左右余白を指定できます。
vspace="数字"でスクロール範囲の上下余白を指定できます。

流したい文字をここに書く

<marquee width="250" bgcolor="aquamarine"
scrolldelay="200">
流したい文字をここに書く
</marquee>

scrolldelay="数字"で描画間隔を指定します。数値を変える事で流れるスピードを変える事ができます。数値が小さくすると早くなり、大きくすると遅なります。

この様にただ普通に文字を流すだけでなく、流す回数や動かし方・動かす上下左右の間隔などを決める事ができます。
ただこのタグを乱用するとページが見にくくなってしまうので、目立たせたい所だけで使うのが良いと思います。


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/361-600d4dd8   

Template Designed by DW99