楽天コミュニティBlog

2009.02.21

マーキータグの基本・書き方（スクロールに背景・余白を加える）

テーマ：ホームページ作成の悩み(545)

カテゴリ：パソコン,HTML,副業

スクロールの移動スピードを変えるタグは

スクロールの背景を決める
&LT;marquee bgcolor=""&GT;～&LT;/marquee&GT;

「 bgcolor 」属性を組み合わせることで、スクロールの背景が変わります。
「 ="" 」にいれる属性値は「 色の名前 」か「 ＲＧＢ値 」です。

例：「#ff9900」でのスクロール背景です。

「&LT;marquee bgcolor="#ff9900" &GT;オレンジっぽい背景になりました&LT;/marquee&GT;」と入力

↓

オレンジぽっい背景になりました

■スクロールの余白を決める

&LT;marquee hspace=""&GT; ～ &LT;/marquee&GT; （ヨコの余白）

&LT;marquee vspace=""&GT; ～ &LT;/marquee&GT; （タテの余白）

「 hspace 」「 vspace 」属性を組み合わせることで、スクロールの余白が変わります。
「 ="" 」にいれる属性値は「数字」です。

「 hspace 」で左右に「 100ピクセル 」の余白を作ってみます。

「&LT;marquee hspace="100" bgcolor="#ff9900" width="200"&GT;左右があきました&LT;/marquee&GT;」と入力

↓

左右があきました

「 vspace 」で上下に「 50ピクセル 」の余白をつくってみます。

すると・・・上のスクロールとの間に 50ピクセル の間があきました。

「&LT;marquee vspace="50" bgcolor="#ff9900" width="200"&GT;上下があきました&LT;/marquee&GT;」と入力

↓

上下があきました

【最後にちょこっと応用です】

★こんな動きもできるよ★

↑

「 marquee 」を2つ使ってサンドイッチ。

赤の部分でタテの往復と背景・幅・高さを、黒の部分でヨコの往復を設定しています。

「 &LT;marquee behavior="alternate" direction="up" height="80" bgcolor="#ff9900" width="400"&GT; &LT;marquee behavior="alternate"&GT;★こんな動きもできるよ★&LT;/marquee&GT; &LT;/marquee&GT; 」と入力

文字のスクロールおもしろかったでしょ？

[ サイトマップ ]

[ 楽天市場 ]

[ Home ]

お気に入りの記事を「いいね！」で応援しよう