全て | カテゴリ未分類 | HTML文字画像リンク | HTMLタグ(テーブル) | HTML(応用編) | 楽天で購入した商品 | スポーツ,アウトドア,車,バイク | 心緒 | インテリア,ライト,収納,ベビー,キッズ | アフィリエイト入門編 | TV・オーディオ・カメラ | 自己管理,美容,インナー | DVD,CD,本,旅,楽器 | 生活,美容,健康,家電 | 金運アップ,風水,自己トレ | ユーザービリティとSEO | 楽天市場のPR | アフィリエイト | 音楽 | 食品,グルメ,飲料 | ダイエット,健康,食品 | 園芸,DIY,ペット,おもちゃゲーム | 日用品雑貨,キッチン用品,寝具 | パソコン・周辺機器 | ファッション,ジュエリー,アクセサリー,靴 | 防災,介護,医療 | ブランド雑貨,時計 | 酒場放浪記 | 天気気象予報 | 気になる動画 | 最近チェックした商品 | 血圧測定 | 気になるニュース | 人生の名言集
2006.07.13
XML
カテゴリ: HTML文字画像リンク
文字をスクロールさせる


前回は、文字と色を同時に変える方法を学びました。
今回は、文字のスクロールについてです。



使うタグは
<marquee> あいうえお </marquee>



おいうえお


画像もスクロールできます
<marquee> <IMG SRC=”画像のURL”> </marquee> と入力。


桃太郎



スクロールの方法を変える
behavior 」属性を組み合わせる事で、スクロール方法が変わります。
「=” “」に入れる属性値は「 scroll 」「 slide 」「 alternate 」の3つ。
scroll 」を入れると、通常のスクロールをします。

「<marquee behavior="scroll" >あいうえお</marquee>」と入力


おいうえお



slide 」を入れると、出た反対側で止まります。
「<marquee behavior="slide" >あいうえお</marquee>」と入力。
(更新ボタンを押すと、もう一度流れが見れます)


おいうえお



alternate 」を入れると、往復を繰り返します。
「<marquee behavior="alternate" >あいうえお</marquee>」と入力。


おいうえお



次回は、文字の移動方向を変えてみます。














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

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


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X

Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: