December 22, 2005
テーマ： ホームページ作成の悩み(550)
カテゴリ： ホームページ作成教室
さぁさぁ第4回「HTML教えます」
今回のお題は「 文字をテロップのように動かして表示する 」です
ただし、このＨＴＭＬタグは、Internet Explorerのみで動作し、Netscape Navigator では動作しませんのでご注意ください。
これは、楽天のタグの説明でも書いてあるのですが少し高度な技術に挑戦しましょう！
基本のタグは <marquee> です
さぁテクニックはココからですよ！
(1) 文字の動く回数を指定する
ちなみに、<loop=○>の○の中の数字を変えれば移動回数が変わります
(2) 文字の動き方を指定する
文字の動き方を3種類に指定することができます
そのときに使用するのが、 <marquee behavior="○○"> タグです
"○○"には
"alternate" :文字が左右方向に往復します
"slide" :文字が右から左に移動し左端で止まります
"scroll" :文字が右から左に移動します（普通と同じ）
例として、"alternate"の場合をやってみます
ここまで見てくださった方で勘がいい人は気づいているでしょう
「 3回往復させてとめる 」（とまる場所は右端）
「 2回とりあえず動かして最後はとめる 」（とまる場所は左端）
などの応用が可能です！
今回の講義はここまでです！
今回のお題は「 文字をテロップのように動かして表示する 」です
ただし、このＨＴＭＬタグは、Internet Explorerのみで動作し、Netscape Navigator では動作しませんのでご注意ください。
これは、楽天のタグの説明でも書いてあるのですが少し高度な技術に挑戦しましょう！
基本のタグは <marquee> です
| HTML | <marquee> </marquee> |
|---|---|
| 表示 |
さぁテクニックはココからですよ！
(1) 文字の動く回数を指定する
| HTML | <marquee loop=2 >何が出るかな？何が出るかな？</marquee> |
|---|---|
| 表示 |
ちなみに、<loop=○>の○の中の数字を変えれば移動回数が変わります
(2) 文字の動き方を指定する
文字の動き方を3種類に指定することができます
そのときに使用するのが、 <marquee behavior="○○"> タグです
"○○"には
"alternate" :文字が左右方向に往復します
"slide" :文字が右から左に移動し左端で止まります
"scroll" :文字が右から左に移動します（普通と同じ）
例として、"alternate"の場合をやってみます
| HTML | <marquee behavior="alternate" >何が出るかな？何が出るかな？</marquee> |
|---|---|
| 表示 |
ここまで見てくださった方で勘がいい人は気づいているでしょう
「 3回往復させてとめる 」（とまる場所は右端）
「 2回とりあえず動かして最後はとめる 」（とまる場所は左端）
などの応用が可能です！
| HTML | <marquee behavior="alternate" loop=2 >何が出るかな？何が出るかな？</marquee> |
|---|---|
| 表示 |
今回の講義はここまでです！
お気に入りの記事を「いいね！」で応援しよう
[ホームページ作成教室] カテゴリの最新記事
-
HTML教えます その36 February 12, 2006 コメント(6)
-
HTML教えます その35 February 10, 2006
-
HTML教えます その34 February 7, 2006 コメント(1)
【毎日開催】
15記事にいいね！で1ポイント
PR
Freepage List
HANMANI
あくまでも趣味の範囲で、お家で美味しい珈琲を飲もうと頑張る人を応援するブログサイトです。
Category
© Rakuten Group, Inc.
