スクロール

スクロールはオプションがたくさんあるので、一つずつ試していこうと思います。スクロールが止まってしまった場合には、ブラウザを更新してください。


まず、基本 <marquee>~</marquee>
こんな感じかなぁ



次は動き方
・普通に横に動くタイプ、指定なしで可能 <marquee>~</marquee>
例~


・端までいって止まるタイプ <marquee behavior=slide>~</marquee>
例~


・左右にゆれるタイプ <marquee behavior=alternate>~</marquee>
例~



次は方向(動きはscrollに固定)
・右から左、指定なしで可能 <marquee>~</marquee>
あ~れ~


・左から右 <marquee direction=right>~</marquee>
あ~れ~


・下から上 <marquee direction=up>~</marquee>
あ~れ~


・上から下 <marquee direction=down>~</marquee>
あ~れ~



次は回数(動きはscroll、方向は右から左に固定)
・回数指定(2回に指定) <marquee loop=2>~</marquee>
えぇ~


・無限 <marquee loop=-1>~</marquee>
えぇ~



次は速さ(動きはscroll、方向は右から左に固定)
数字を大きくするとはやくなります。
<marquee scrollamount=2>~</marquee>
おぇ~



次はマーキー(文字を動かす箱)の色を指定。(動きはscroll、方向は右から左に固定)
<marquee bgcolor=pink>~</marquee>
ぁぃぅぇぉ~



次はここに載っていたものを試してみよう。ただし、無断です(汗
リンクは貼っておきます。


・流れる範囲を指定
<marquee width="400">~</marquee>
例~


・かなり遅いスクロール
<marquee scrolldelay=800 width=300>~</marquee>
例~


・瞬間移動しながら進むスクロール
<marquee scrollamount=100 scrolldelay=1000 width=500>~</marquee>
例~



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