2009年04月05日
流れる文字 ③

ぐすーよーちゅーうがなびら!(ご機嫌いかがですか?)
むぬからふぁい、むぬからふぁい!
今回も流れる文字ですが、ちょっとタグを加えて動きを変えてみようかと思います
なんだか、ウゾウゾと虫が動いているようなページになってしまいましたが・・・・・・
注>『マイアルバム』のスクリプトがあると、動きが止まってしまいます
☆簡易タグ
<marquee>幅いっぱいに右から左に流れる</marquee>

direction="right"を入れてあげると
<marquee direction="right">幅いっぱいに左から右に流れる</marquee>

behavior="alternate"を入れてあげると
<marquee behavior="alternate">幅いっぱいに、行ったりきたり</marquee>

<Br>改行タグをいれてあげると
<marquee>改行タグを入れれば<Br>何行でも平行に<Br>動かせます</marquee>

direction="up" height="50"を入れてあげると
<marquee behavior="alternate" direction="up" height="50"><marquee direction="right">バウンドしながら右に進む</marquee></marquee>
<direction="left">にすると右から左に
<marquee behavior="alternate" direction="up" height="50"><marquee direction="left">バウンドしながら右に進む</marquee></marquee>

☆動く幅を決めて
<MARQUEE width="338" behavior="alternate" scrolldelay="50" truespeed><font color="blue">☆うごく☆</font></font></MARQUEE>
width="338" が動く幅です。
ここを小さくすると範囲が狭く、大きくすると広くなります
width="150" にすると ↓ こんな感じです。スピードは上記と同じなんですが、ちょっと速く感じます!
センタータグと入れてやると ↓ こんな感じです
<div style="text-align:center"><MARQUEE width="150." behavior="alternate" scrolldelay="50" truespeed><font color="blue">☆うごく☆</font></font></MARQUEE></div>
上記と同じタグでスピードのタグscrolldelay="50"をscrolldelay="100"にすると ↓ 感じです

文字を大きくするときは、
***********************************************************
☆うごく☆ ⇒ ☆うごく☆
***********************************************************
<span style="font-size:400%;line-height:400%;">☆うごく☆</span>
というタグを使うと思いますが、line-height:400%にすると空白が目立ちますよね
なんで、 ↓ は、line-height:100%としています
***********************************************************
***********************************************************
ん~な みゃ~くん きし~ あっぴよ(皆さん 宮古島へ来て遊んでね)
中古車なら 『安心・安全・納得』 (有 )オートステーションKANSAI宮古島
島内の移動なら、便利なレンタカーレンタカーならレンタリースKANSAI宮古島
さゆりんがお待ちしてます!
![]() |
Posted by kansai at 10:43│Comments(0)
│§ブログカスタマイズ!