1070913 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

柴犬 けんたの日記 Part2

柴犬 けんたの日記 Part2

文字や画像を動かす




　画像や文字を動かす　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　にすると、下から上への動きになる。



　面白いだろう。もっと、いろんな組み合わせをしてみたら楽しかったぞ。タグの間に、画像か文字入れるんだな。" "の中の数字を変えたりするとまた違う動きになるんだ。

　いろいろ試してみようね。



　次は、表をつくってかっこよくしてみようだよ。




人気のクチコミテーマ
© Rakuten Group, Inc.