今まで何回か本講座でも<marquee>タグについて紹介しました。
もう記述の仕方、だいたいわかりましたか?
不安なようでしたら
カンニングペーパをご覧下さい(〃⌒▽⌒)
今日はこれを使って、更に面白い小技を紹介しましょう。
例)
<marquee behavior="alternate" direction="down" height="60"><marquee direction="right"> ここに文字を記入(〃⌒▽⌒)</marquee></marquee>
表示結果)
おもしろいでしょ( ̄▽ ̄人)
背景を海にして船なんか動かしてみたくなる気分に・・・
なってきますよね(〃⌒▽⌒)
さらに、
例)
<marquee behavior="alternate" direction="up" height="120" scrollamount=12><marquee behavior="alternate" direction="down" height="60"><marquee direction="right"> ここに文字を記入(〃⌒▽⌒)</marquee></marquee></marquee>
表示結果)
ここに文字を記入(〃⌒▽⌒)
これは川に桃でも流したくなる気分になりませんか?
複雑すぎて動きがよくわかりませんが(笑
こんなこともできちゃいます(〃⌒▽⌒)
更に・・・
例)
<marquee direction="right"><marquee behavior="alternate" direction="right" width="100"> (〃⌒▽⌒)</marquee></marquee>
表示結果)
(〃⌒▽⌒)
なんてしゃくとり虫みたいな動きもできますねー(〃⌒▽⌒)
Marqueeタグを組み合わせることができる、って知らない方も大勢いると思います。
アイデア次第できっともっと楽しい動きが出せると思いますよ(〃⌒▽⌒)
いろいろチャレンジしてみてくださいね。
ではまたあしたー(゚▽^*)ノ⌒☆