文字を流す(特殊1)

文字を流す(特殊1)


2日続けてとは勉強熱心だわ。。。(笑)
さて! 今日は、以前紹介した『<marquee>(マーキー)』の、
特殊効果をやってみましょう♪
色々あるので、数回に分けてUPします★

今日やるのは、『“スライド文字で停止状態”からスライド』です。
で、1つ注意する事が…
『左方向』へスライドするタグが、TOPで見えない事を発見!
パグを発見次第、更新しますね~★
※すでにスライドされている場合は、『更新』してみてね!


“スライド文字で停止”からスライド

ココで使うタグはコレ!↓

<marquee behavior="slide">
<marquee direction="right">
★停止からマーキー(右へ)★
</marquee></marquee>

<marquee behavior="slide"direction="right">
<marquee direction="left">
★停止からマーキー(左へ)★
</marquee></marquee>
上記の★~★の所に文字を入れます。
もちろん <font color>の追加も可能ですヨ♪
では このタグの効果を見てみましょう!

★停止からマーキー(右へ)★

★停止からマーキー(左へ)★

こんな感じです。。。
このままでは 範囲が広すぎるので、幅を指定しましょう×××
範囲の指定は、 WIDTH="横" HEIGHT="縦" でしたね?
これを、初めの<marquee>の中に入れます。すると…

<marquee behavior="slide" WIDTH="横" HEIGHT="縦">

<marquee behavior="slide"direction="right" WIDTH="横" HEIGHT="縦">

こうなりますネ?(*^-^*)
この『横』と『縦』の所に、数字を入れて表示範囲を指定します。
※そのまま数字だけだと『px』 ページに対する大きさでもOK『○%』と入れま す。
とりあえず『横=400』『縦=20』…とでも入れておきましょうか。。。
これを見てみると…↓

★停止からマーキー(右へ)★

★停止からマーキー(左へ)★

…となります。
出来たかな?(^_^;)
今日はこれでおしまい!v(=∩_∩=)




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