素人珈琲

素人珈琲

January 30, 2006
XML
今回のテーマも質問に沿って「 縦に動く 」にしてみます。

動くといえばそう <marquee> タグですね

基本を知らない人は目次から <marquee> の日記参考に>> 目次

以前紹介しました上下に動かす方法

使用したタグは<marquee direction="○○">というタグ
"○○"に" up "か" down "を入れます


まずは復習から

HTML <marquee direction="up" height="60" >HANMANI</marquee>
表示 HANMANI


各タグの説明は以前しましたので省略します!


今回の応用テクニックは、このテキスト(上の例ではHANMANI)を画像にしてスクロールさせたいと思います

って、これも復習なんですが…

まずは例から

HTML <marquee direction="up" height="60"> <img src="カメの画像.gif"> </marquee>
表示 kame1.GIF


そして、ここからが今回の目玉です
この機能を存分に使って、こんな事をやっちゃいます↓


HTML <marquee direction="up" height="60" >
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
</marquee>
表示






あ、ちょっとスピードが早すぎて、ボタンを押す暇がない!
そういうときはこのタグ使って…


HTML <marquee direction="up" height="60" scrolldelay="200" truespeed >
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
<a href="楽天のリンク先"><img src="楽天の画像(バナー)"></a>
</marquee>
表示





今回使ったタグは以前に全て紹介しておりますので、よく分からない方は読み返してください!

今回は以上です~





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

Last updated  January 30, 2006 07:14:02 PM
コメント(501) | コメントを書く
[ホームページ作成教室] カテゴリの最新記事


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

PR

Profile

HANMANI

HANMANI


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