マーキー特殊５

***　マーキー特殊５　***

今日は、久しぶりにマーキーで遊んでみましよう～(⌒∇⌒)ココでは、

*文字の背景に色　又は画像を表示させる。
*画像を固定させる
*枠を付ける
・・・です。

“文字の背景に色”

ここで使うタグはコレ↓

<marquee bgcolor="●" scrollamount="▲" style="width:■px;" loop="0">
文字</marquee>

では説明です｡｡｡

記号 効果
● 背景にする色名（RGBまたは色名）
▲ スクロールさせる文字の早さ
■ 表示させる横幅

効果を見てみましょう♪
●（背景色）…薄いオレンジ（#ffcc00"）
▲（文字の早さ）…５
■（横幅）…２００
・・・を入れてみます。

ビール飲みてぇ～（笑）(*￣O)◇ゞ ゴクゴク

こんな感じ｡｡｡(ｏ￣∇￣ｏ）ヘヘッ♪

“文字の背景に　画像

ココで使うタグはコレ↓

<marquee scrollamount="▲" style="width:■px;height:○;background:url(●);" loop="0">
文字</marquee>

では説明です｡｡｡

記号 効果
● 背景にするURL（画像の倉庫からhttp～.***までをコピー）
▲ スクロールさせる文字の早さ
■ 表示させる横幅
○ 表示させる縦幅
※URLの（　）は消さないでネ☆

効果を見てみましょう♪
●（背景画像）…kabe2
▲（文字の早さ）…５
■（横幅）…２００
○（縦幅）…２０
・・・を入れてみます。

酎ハイでもイイじょぉ～　(￣ノ日￣）　グビグビ

・・・とこんな感じです★

“画像を固定させる”

これでは画像も一緒に動きますので、画像を固定したい場合は、styleの中に、『background-attachment:fixed;』を入れます。↓

<marquee scrollamount="▲" style="width:■px;height:○;
background:url(●); background-attachment:fixed; " loop="0">
文字</marquee>

これを見てみると…

酎ハイでもイイじょぉ～　(￣ノ日￣）　グビグビ

“枠を付ける”

もう1つ付け加えると、これに枠を付ける事もできますｖ『枠の種類』で紹介した『inset（凹タイプ）』にしてみましょう｡｡｡

かなり長くなりますが、styleの中に、『border-style:inset;』を入れます。↓

<marquee scrollamount="▲" style="width:■px;height:○;
background:url(●); background-attachment:fixed; border-style:inset " loop="0">
文字</marquee>

枠の種類は、『枠の種類』を参照して下さい。何じゃそりゃ（笑）↓こんな感じです｡｡｡

酎ハイでもイイじょぉ～　(￣ノ日￣）　グビグビ

ちなみに、『 loop="★" 』は　繰り返しの回数を指定できるタグで、 ０（無限）・１（回）・2（回）…と入れます。

わからなければ掲示板またはメールへどうぞ☆，｡:*:･ °

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