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

楽天カード

購入履歴

カレンダー

プロフィール

かずさか

フォローする

カテゴリ

楽天ｔｏｔｏ

(1)

サイド自由欄

< 新しい記事

新着記事一覧(全5054件)

過去の記事 >

2004年11月23日

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

(3)

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

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

上からでて下まで250px移動し　下から折り返して250px移動して停止
ＨＴＭＬタグは

<table style="color:blue;font-size:12pt;" border="0" width="620" height="270" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="250" behavior="slide" direction="down" scrollamount="20"><marquee width="600" height="250" behavior="slide" direction="up" scrollamount="2"><P style="width:600px;height:250px;background-color:#fffff0;">
上からでて下まで250px移動し　下から折り返して250px移動して停止<BR>ボックス　幅　width:600px　高さ　height:250px</P></marquee></marquee></td><tr><table>

下からでて上まで250px移動し　上から折り返して250px移動して停止
ＨＴＭＬタグは

<table style="color:blue;font-size:12pt;" border="0" width="620" height="270" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="250" behavior="slide" direction="up" scrollamount="20"><marquee width="600" height="250" behavior="slide" direction="down" scrollamount="2"><P style="width:600px;height:250px;background-color:#fff0ff;">
下からでて上まで250px移動し　上から折り返して250px移動して停止<BR>ボックス　幅　width:600px　高さ　height:250px</P></marquee></marquee></td><tr><table>

２個配置した場合のＨＴＭＬタグ

<table style="color:blue;font-size:12pt;" border="0" width="620" height="520" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td align="center"><marquee width="600" height="250" behavior="slide" direction="down" scrollamount="20"><marquee width="600" height="250" behavior="slide" direction="up" scrollamount="2"><P style="width:600px;height:250px;background-color:#fffff0;">
上からでて下まで250px移動し　下から折り返して250px移動して停止<BR>ボックス　幅　width:600px　高さ　height:250px
</P></marquee></marquee><marquee width="600" height="250" behavior="slide" direction="up" scrollamount="20"><marquee width="600" height="250" behavior="slide" direction="down" scrollamount="2"><P style="width:600px;height:250px;background-color:#fff0ff;">
下からでて上まで250px移動し　上から折り返して250px移動して停止<BR>ボックス　幅　width:600px　高さ　height:250px
</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）へ変化