画像や文字を動かす marquee
ここは、試しながら覚えるのが一番だな^^
基本を覚えよう。
HTMLソース marqueeの基本
<marquee>デフォルト</marquee>
<marquee width="90%">幅90%</marquee>
<marquee behavior="scroll">横切る(デフォルト)</marquee>
<marquee behavior="alternate">往復する</marquee>
<marquee behavior="slide">端で停止する</marquee>
<marquee direction="left">右から左へ(デフォルト)</marquee>
<marquee direction="right">左から右へ</marquee>
<marquee scrolldelay="100">ちょっと遅く</marquee>
<marquee scrollamount="8">ちょっと速く</marquee>
<marquee bgcolor="#d9d9ff">背景色を変更</marquee>
|
上のタグでも動くから試してみてね。
いろいろと、くっつけてつくってみたので参考までに。
<marquee scrolldelay="50" scrollamount="10"><marquee behavior="alternate">画像か文字</marquee></marquee>
|
<marquee direction="down" behavior="alternate" height="100"><marquee behavior="alternate">画像か文字</marquee></marquee>
|
<marquee scrolldelay="85" scrollamount="6">画像か文字</marquee>
|
<marquee scrolldelay="50" scrollamount="10" truespeed>画像か文字</marquee>
|
<marquee scrolldelay="100" scrollamount="4">画像か文字</marquee>
|
<marquee direction="down" height="100">画像か文字</marquee>
down を UP にすると、下から上への動きになる。
|
面白いだろう。もっと、いろんな組み合わせをしてみたら楽しかったぞ。タグの間に、画像か文字入れるんだな。" "の中の数字を変えたりするとまた違う動きになるんだ。
いろいろ試してみようね。
次は、
表をつくってかっこよくしてみようだよ。