3813049 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
全て | カテゴリ未分類 | HTML文字画像リンク | HTMLタグ(テーブル) | HTML(応用編) | 楽天で購入した商品 | スポーツ,アウトドア,車,バイク | 心緒 | インテリア,ライト,収納,ベビー,キッズ | アフィリエイト入門編 | TV・オーディオ・カメラ | 自己管理,美容,インナー | DVD,CD,本,旅,楽器 | 生活,美容,健康,家電 | 金運アップ,風水,自己トレ | ユーザービリティとSEO | 楽天市場のPR | アフィリエイト | 音楽 | 食品,グルメ,飲料 | ダイエット,健康,食品 | 園芸,DIY,ペット,おもちゃゲーム | 日用品雑貨,キッチン用品,寝具 | パソコン・周辺機器 | ファッション,ジュエリー,アクセサリー,靴 | 防災,介護,医療 | ブランド雑貨,時計 | 酒場放浪記 | 天気気象予報 | 気になる動画 | 最近チェックした商品 | 血圧測定 | 気になるニュース | 人生の名言集
2006.07.14
XML
カテゴリ:HTML文字画像リンク
・スクロールに背景・余白を加える


前回は、スクロールの幅・高さ・回数の変更を学びました。
今回は、スクロールの最終回です。



スクロールの背景を決める
<marquee bgcolor="">~</marquee>


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


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

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




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







スクロールの余白を決める
<marquee hspace=""></marquee>(ヨコの余白)

<marquee vspace=""></marquee>(タテの余白)


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


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

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




左右があきました




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

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


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




上下があきました







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


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



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

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


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



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






[トップページへ戻る][次のページ⇒]







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

Last updated  2008.11.02 22:39:57
[HTML文字画像リンク] カテゴリの最新記事



© Rakuten Group, Inc.