PR
購入履歴
カレンダー
カテゴリ
スクロール部分にアニメカーソルを表示するには marquee タグに直接スタイルを設定します カーソルに使う画像 楽天広場(画像の倉庫)に登録できないファイル形式( ani や cur )です HTMLタグは <marquee style="cursor:url(http://からはじまるカーソルに使う画像アドレス);" behavior="alternate" direction="left" scrollamount="3"> 動かすテキストや画像 </marquee> スクロールの動き方 behavior="scroll"、"alternate"、"slide"で設定します。 スクロールする回数はloop="回数"で設定します。 |
|---|
| scroll :片方からでてきてページを横切る動作を繰り返す <marquee width="600" behavior="scroll" direction="left" scrollamount="10"> 動かすテキストや画像 </marquee> 指定した回数分繰り返す(最後は見えなくなります) <marquee width="600" behavior="scroll" direction="left" scrollamount="10" loop="5" > 動かすテキストや画像 </marquee> <marquee width="600" behavior="scroll" direction="right" scrollamount="10" loop="5" > 動かすテキストや画像 </marquee> |
alternate :スクロールする範囲の片端にくると、逆方向にスクロール direction="left" 奇数は左端 偶数は右端 に止まります。 direction="right" 奇数は右端 偶数は左端 に止まります。 <marquee width="600" behavior="alternate" direction="left" scrollamount="10"> 動かすテキストや画像 </marquee> <marquee width="600" behavior="alternate" direction="left" scrollamount="10" loop="3" > 動かすテキストや画像 </marquee> <marquee width="600" behavior="alternate" direction="left" scrollamount="10" loop="4" > 動かすテキストや画像 </marquee> <marquee width="600" behavior="alternate" direction="right" scrollamount="10" loop="5" > 動かすテキストや画像 </marquee> <marquee width="600" behavior="alternate" direction="right" scrollamount="10" loop="6" > 動かすテキストや画像 </marquee> |
slide :スクロールする範囲の片端にくると停止 <marquee width="600" behavior="slide" direction="left" scrollamount="10"> 動かすテキストや画像 </marquee> <marquee width="600" behavior="slide" direction="right" scrollamount="10"> 動かすテキストや画像 </marquee> |
| 左側背景画像のグラデーション処理 グラデーションタイプ GradientType=1 スタートカラー StartColorStr=ccccffff エンドカラー EndColorStr=#33000000 |
右側背景画像のグラデーション処理 グラデーションタイプ GradientType=1 スタートカラー StartColorStr=#33ffffff エンドカラー EndColorStr=#ccffffcc |
左(透明度cc)→右(透明度33)へ変化 |
左(透明度33)→右(透明度cc)へ変化 |
あけましておめでとうございます 2010年01月01日
8月用カレンダーをテーブル(table)で作… 2006年07月20日
8月用カレンダーをテーブル(table)で作… 2006年07月20日