素人珈琲

素人珈琲

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) | コメントを書く
[ホームページ作成教室] カテゴリの最新記事


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

PR

×

Profile

HANMANI

HANMANI


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