PR
購入履歴
カレンダー
カテゴリ
幅400pxのボックス
スクロールする範囲の片端にくると停止
behavior="slide" を使ってみましょう
見えないときは 再表示
してください
スクロール幅 width="600px" と width="450px・500px・550px"の組み合わせ
スクロール速度 scrollAmount="80" と scrollAmount="20"の組み合わせ
スクロール幅を大きくする場合はスクロールの速度差を大きくするといいです
スクロールでボックスを片端に移動した後ボックスを指定位置に移動
幅100
幅400
幅100
右端から折り返して550px移動して停止
左端から折り返して500px移動して停止
右端から折り返して500px移動して停止
左端から折り返して550px移動して停止
右端から折り返して450px移動して停止
幅100
幅400
幅100
中央で停止するHTMLタグは
<CENTER>
<P style="width:600px;height:350px;background-color:#e6e6fa;font-size:12pt;padding:25 0;"><MARQUEE width="600px" direction="left" behavior="slide" scrollAmount="80"><MARQUEE width="500px" direction="right" behavior="slide" scrollAmount="20"><B style="width:400px;height:150px;background-color:#3333cc;color:#ffffcc;padding:5;">右端からでて左端までいき(600px移動)<BR>左端から折り返して500px移動して中央で停止<BR>ボックス 幅 width:400px 高さ height:150px </B></MARQUEE></MARQUEE> <MARQUEE width="600px" direction="right" behavior="slide" scrollAmount="80"><MARQUEE width="500px" direction="left" behavior="slide" scrollAmount="20"><B style="width:400px;height:150px;background-color:#cc33cc;color:#ffffcc;padding:5;">左端からでて右端までいき(600px移動)<BR>右端から折り返して500px移動して中央で停止<BR>ボックス 幅 width:400px 高さ height:150px </B></MARQUEE></MARQUEE>
</P>
</CENTER>