素人珈琲

素人珈琲

February 2, 2006
XML
本日のテーマも「 動く 」です

しかし、今回の「 動く 」は、なかなかの曲者です!!

しっかりマスターしましょう!


やっぱり例から↓

HTML <marquee width="300" height="80" direction="down"><marquee direction="left">縦+横で動いてます</marquee></marquee>
表示 縦+横で動いてます


なんと、ついに文字は 斜めに 動くことに成功しました!


どうなってるのか気になる方は↓参照に

HTML <marquee direction="down"height="200"> <marquee width="300" height="70" bgcolor="white">理論?</marquee> </marquee>
表示 理論?




この機能はまだ説明していなかったのですが、ただ <marquee … bgcolor="○○"> という風に <marquee> タグの最後に、背景色を変える <bgcolor> タグを使用すればいいのです!

白で配色した 箱 が縦に動き、箱の中で「 理論? 」という文字が左に動いているのです。



一番上の例では、左下に動いていますが、指定を変えてやれば自由に動かすことが出来ますよね?

例えば、今度は逆に右上に動かします

HTML <marquee width="300" height="80" direction="up" ><marquee direction="right" >縦+横で動いてます</marquee></marquee>
表示 縦+横で動いてます


他の動かし方は、当然わかりますよね?


今回は、なかなかタグのユニークな使い方でした!







お気に入りの記事を「いいね!」で応援しよう

Last updated  February 3, 2006 04:23:13 AM
コメント(2) | コメントを書く
[ホームページ作成教室] カテゴリの最新記事


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:HTML教えます その30(02/02)  
面白いですね~。

ウサギやボールの画像と組み合わせて、ピョンピョン跳ねてるようにも表示できますし、動画で動きを表示するより、範囲の指定や画像の縮小率に左右されない点でも優れていますね。

今度HPの方でも使ってみますw (February 3, 2006 11:51:02 AM)

Re:HTML教えます その30(02/02)  
ありがとうございました♪ (February 3, 2006 03:39:25 PM)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

×

Profile

HANMANI

HANMANI


© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: