baby’s house

スクロール文字

いまさら^^;?
スクロール文字

ちょっとした隙間にお知らせを載せたり、
新着の案内をしたり・・。
いろいろ使えますよ。


こんな風に、流れる文字です。よく見かけますよね。お知らせなどに便利だよ。・・・これは、横のスクロールです。
↓上のスクロール文字のソースです。

<marquee width="400" style="font-size:15; color:#cc3300" scrollamount="3" scrolldelay="80">

ここに、スクロールする文字を書きます。

</marquee>
width=" 400 "は、流れる部分の横幅。
font-size:
15 は、文字の大きさ

color:
#cc3300 "は、文字の色


用途や、場所によって使い分けたいですね。  ・・・これは、縦スクロールです。
↓上のスクロール文字のソースです。

<marquee width="250" height="40" style="font-size:13; color:#cc3300" scrollamount="1" scrolldelay="100" direction="up">

ここに、スクロールする文字を書きます。

</marquee>
width=" 250 "は、流れる部分の横幅。
height="
40 "は、流れる部分の縦幅。
font-size:
13 は、文字の大きさ
color:
#cc3300 は、文字色


↓文字色サンプル↓
#ffcccc #ff99cc #ff9999 #ff6666 #ff9933 #ffcc00
#ffffcc #ccffcc #00ccff #ccccff #99ccff #9999ff
#cc66ff #ff33ff #3366cc #000000 #999999 #009900



© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: