素人珈琲

素人珈琲

February 3, 2006
XML
今回も「 動く 」についてですが、ちょっとコメントにアイデアを書いてくださっていたので検証してみたいと思います。

何についてかというと <scrolldelay> と <scrollamount> タグの違いについてです。

どちらのタグも結局は、スクロールするスピードを変化させる命令です。

まぁ簡単に違いを説明しておきますと、
scrolldelay :スクロールする際の遅延時間をミリ秒単位で指定します。
scrollamount :スクロールする量をピクセルで指定します。



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>
表示





この例は前々回で紹介した例ですね?
このときに使用したタグは <scrolldelay> です

でわ、使うタグを <scrollamount> にして見てみましょう!

HTML <marquee direction="up" height="60" scrollamount="2" >
<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>
表示





どうでしょう?
指摘のあった通り、やはり <scrollamount> を使った方が滑らかに動いていますね

ちなみに、 <scrollamount="○○"> の"○○"に入る数字は小さいほどスピードは遅く、大きいほど早くなります。
参考程度に同じ例でスピード変化↓

HTML <marquee direction="up" height="60" scrollamount="10" >
<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  February 3, 2006 09:58:40 PM
コメント(3) | コメントを書く
[ホームページ作成教室] カテゴリの最新記事


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


早いですねw  
MICz  さん
コメントしてからこんなに早く検討されてるとは思いませんでした^^;
びっくりですw (February 3, 2006 11:16:08 PM)

Re:HTML教えます その31(02/03)  
はじめまして。
いいですね。
nontappさんから来ました。
縦にスクロールするのも面白いですね。
あとでどこかで使いたいです。 (February 5, 2006 06:56:01 AM)

はじめまして  
城児針寸  さん
こういう講座 PCオンチの私は大変ありがたいです。これからも参考にさせていただきます。 (February 5, 2006 12:30:41 PM)

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

PR

×

Profile

HANMANI

HANMANI


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