December 26, 2005
テーマ： ホームページ作成の悩み(550)
カテゴリ： ホームページ作成教室
昨日の今日ということでまたまた「 文字をテロップのように動かして表示する
」
今回の応用テクニックは 上下運動 です！
今までは左右の動きでしたが、今回は上下に動かすことをやってみます
それに使うタグが <marquee direction="○○"> です
この"○○"の中には "up" と "down"
名前の通り"up"は「 下から上に 」、"down"は「 上から下に 」動きます
簡単な例をやってみましょう！
この例で用いた <height="60"> というのは、高さの指定の事です。つまり、ここでは動く高さを60ピクセルに指定しているのです。
この基本に前回の「HTML教えます その４」での「スピード調整」、さらに<table>をあわせて…こんなことも出来ます
※もう動きが止まっている場合は「更新ボタン」を押してください
これは <table> を使っているので、なかなかの上級テクニックです。
<table>についてはまた後の機会に詳しく紹介しますが…
さらにさらに、この「×」と「○」を画像に変える事も可能です！
どうですか？面白いでしょう？
そういえば 、<img src="○○"> タグの説明もまだでしたね
でも、これは簡単なので要らないですかね？
今回の講義はここまでです
今回の応用テクニックは 上下運動 です！
今までは左右の動きでしたが、今回は上下に動かすことをやってみます
それに使うタグが <marquee direction="○○"> です
この"○○"の中には "up" と "down"
名前の通り"up"は「 下から上に 」、"down"は「 上から下に 」動きます
簡単な例をやってみましょう！
| HTML | <marquee direction="up" height="60" >HANMANI</marquee> |
|---|---|
| 表示 |
この例で用いた <height="60"> というのは、高さの指定の事です。つまり、ここでは動く高さを60ピクセルに指定しているのです。
この基本に前回の「HTML教えます その４」での「スピード調整」、さらに<table>をあわせて…こんなことも出来ます
※もう動きが止まっている場合は「更新ボタン」を押してください
HTML
<center> <table height="200" width="100">
<td width="100" height="190" align="center"> <marquee direction="down" height="300" scrolldelay="200" truespeed behavior="slide"> × </marquee>
</td>
<td width="100" height="190" align="center"> <marquee direction="down" height="300" scrolldelay="100" truespeed behavior="slide"> ○ </marquee>
</td>
</table> </center>
<td width="100" height="190" align="center"> <marquee direction="down" height="300" scrolldelay="200" truespeed behavior="slide"> × </marquee>
</td>
<td width="100" height="190" align="center"> <marquee direction="down" height="300" scrolldelay="100" truespeed behavior="slide"> ○ </marquee>
</td>
</table> </center>
表示
これは <table> を使っているので、なかなかの上級テクニックです。
<table>についてはまた後の機会に詳しく紹介しますが…
さらにさらに、この「×」と「○」を画像に変える事も可能です！
HTML
<center> <table height="200" width="100">
<td width="100" height="190" align="center"> <marquee direction="down" height="200" scrolldelay="200" truespeed behavior="slide"> <img src="ウサギの画像"> </marquee>
</td>
<td width="100" height="190" align="center"> <marquee direction="down" height="300" scrolldelay="100" truespeed behavior="slide"> <img src="カメの画像"> </marquee>
</td>
</table> </center>
<td width="100" height="190" align="center"> <marquee direction="down" height="200" scrolldelay="200" truespeed behavior="slide"> <img src="ウサギの画像"> </marquee>
</td>
<td width="100" height="190" align="center"> <marquee direction="down" height="300" scrolldelay="100" truespeed behavior="slide"> <img src="カメの画像"> </marquee>
</td>
</table> </center>
表示
どうですか？面白いでしょう？
そういえば 、<img src="○○"> タグの説明もまだでしたね
でも、これは簡単なので要らないですかね？
今回の講義はここまでです
お気に入りの記事を「いいね！」で応援しよう
[ホームページ作成教室] カテゴリの最新記事
-
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.
