画像配置のお遊び ★ 背景画像のお遊び ★ 表示されない時は再表示して見てね

楽天カード

購入履歴

カレンダー

プロフィール

かずさか

フォローする

カテゴリ

楽天ｔｏｔｏ

(1)

サイド自由欄

< 新しい記事

新着記事一覧(全5054件)

過去の記事 >

2004年10月31日

画像配置のお遊び　★　背景画像のお遊び　★　表示されない時は再表示して見てね

(3)

カテゴリ：カレンダーテーブル他

スクロールの属性を組み合わせて　上下に複数回往復して停止　させてみましょう

画像配置のお遊び　　テーブルを重ね合わせて配置する例

上下に複数回往復して停止の例
スクロールする範囲の高さを指定　height="210"
スクロールの動き方　片端にくると逆方向にスクロールを指定　behavior="alternate"
スクロールの方向　　上　または　下　に指定　　direction="up"　または　direction="down"
スクロールの速度　　scrollamount="速度"　無指定の場合は　scrollamount="6"
スクロールの回数　　loop="回数"　無指定の場合は無限にスクロールを繰り返す
奇数は指定したスクロールの方向で停止　偶数は指定したスクロールの逆方向で停止

上→下→上→下→上→下　で停止（回数は６）の例
タグは

<marquee height="210" behavior="alternate" direction="up" scrollamount="6" loop="6">
スクロールする画像　または　テキスト
</marquee>

下→上→下→上→下→上→下　で停止（回数は７）の例
タグは

<marquee height="210" behavior="alternate" direction="down" scrollamount="4" loop="7">
スクロールする画像　または　テキスト
</marquee>

上　または　下　に移動した後中間で停止の例
スクロールを２個組み合わせて使います
スクロールする範囲の高さを指定　全体の高さ　height="210"　　中間で止める高さ　height="155"
スクロールの動き方　片端にくると停止を指定　behavior="slide"

上に移動→下方向に移動して中間で停止の例
タグは

<marquee height="210" behavior="slide" direction="up" scrollamount="3">
<marquee height="155" behavior="slide" direction="down" scrollamount="1">
スクロールする画像　または　テキスト
</marquee></marquee>

下に移動→上方向に移動して中間で停止の例
タグは

<marquee height="210" behavior="slide" direction="down" scrollamount="3">
<marquee height="155" behavior="slide" direction="up" scrollamount="1">
スクロールする画像　または　テキスト
</marquee></marquee>