お取り寄せいいもの見つけたよ！

楽天カード

購入履歴

カレンダー

プロフィール

かずさか

フォローする

カテゴリ

楽天ｔｏｔｏ

(1)

サイド自由欄

< 新しい記事

新着記事一覧(全5054件)

過去の記事 >

2004年11月24日

スクロール(marquee)　slideを使う３　★　表示されない時は再表示して見てね

(3)

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

slide　を使う３　
ボックス幅　６００px　ボックス高さ　３００px

右上からでて左下まで移動して停止
ＨＴＭＬタグは

<table style="color:blue;font-size:12pt;" border="0" width="620" height="320" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="300" behavior="slide" direction="down" scrollamount="2"><marquee width="600" height="300" behavior="slide" direction="left" scrollamount="4"><P style="width:600px;height:300px;background-color:#fffff0;">
右上からでて左下まで移動して停止
ボックス幅　width:600px　　移動速度　scrollamount="4"
ボックス高さ　height:300px　　移動速度　scrollamount="2"</P></marquee></marquee></td><tr><table>

左上からでて右下まで移動して停止
ＨＴＭＬタグは

<table style="color:blue;font-size:12pt;" border="0" width="620" height="320" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="300" behavior="slide" direction="down" scrollamount="2"><marquee width="600" height="300" behavior="slide" direction="right" scrollamount="4"><P style="width:600px;height:300px;background-color:#fff0ff;">
左上からでて右下まで移動して停止
ボックス幅　width:600px　　移動速度　scrollamount="4"
ボックス高さ　height:300px　　移動速度　scrollamount="2"</P></marquee></marquee></td><tr><table>

右下からでて左上まで移動して停止
ＨＴＭＬタグは

<table style="color:blue;font-size:12pt;" border="0" width="620" height="320" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="300" behavior="slide" direction="up" scrollamount="2"><marquee width="600" height="300" behavior="slide" direction="left" scrollamount="4"><P style="width:600px;height:300px;background-color:#fffff0;">
右下からでて左上まで移動して停止
ボックス幅　width:600px　　移動速度　scrollamount="4"
ボックス高さ　height:300px　　移動速度　scrollamount="2"</P></marquee></marquee></td><tr><table>

左下からでて右上まで移動して停止
ＨＴＭＬタグは

<table style="color:blue;font-size:12pt;" border="0" width="620" height="320" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="300" behavior="slide" direction="up" scrollamount="2"><marquee width="600" height="300" behavior="slide" direction="right" scrollamount="4"><P style="width:600px;height:300px;background-color:#fff0ff;">
左下からでて右上まで移動して停止
ボックス幅　width:600px　　移動速度　scrollamount="4"
ボックス高さ　height:300px　　移動速度　scrollamount="2"</P></marquee></marquee></td><tr><table>

スクロール部分にアニメカーソルを表示する♪

スクロール部分にアニメカーソルを表示するには
marquee　タグに直接スタイルを設定します

カーソルに使う画像
楽天広場（画像の倉庫）に登録できないファイル形式（　ani　や　cur　）です

ＨＴＭＬタグは

<marquee style="cursor:url(http://からはじまるカーソルに使う画像アドレス);" behavior="alternate" direction="left" scrollamount="3">
動かすテキストや画像
</marquee>

背景画像のお遊び
左側背景画像のグラデーション処理グラデーションタイプ　GradientType=1 スタートカラー　StartColorStr=ccccffff エンドカラー　　EndColorStr=#33000000	右側背景画像のグラデーション処理グラデーションタイプ　GradientType=1 スタートカラー　StartColorStr=#33ffffff エンドカラー　　EndColorStr=#ccffffcc
左（透明度cc）→右（透明度33）へ変化	左（透明度33）→右（透明度cc）へ変化