1468951

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

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

楽天カード

購入履歴

カレンダー

プロフィール

かずさか

フォローする

カテゴリ

楽天ｔｏｔｏ

(1)

サイド自由欄

< 新しい記事

新着記事一覧(全5054件)

過去の記事 >

2004年11月25日

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

(4)

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

slide　を使う４

２行２列のテーブルを使って上下左右の組み合わせ
各セルにテキストボックスを配置しています
（　テキスト内容があふれた場合はスクロールバーをつけて表示　）
移動幅　３００px　移動高さ　３００px

右からでて左まで移動して停止スクロールする範囲 width="300" height="300" スクロールする範囲の片端にくると停止 behavior="slide" スクロールの方向 direction="left" スクロールする速度 scrollamount="2" テキスト内容があふれた場合はスクロールバーをつけて表示	下からでて上まで移動して停止スクロールする範囲 width="300" height="300" スクロールする範囲の片端にくると停止 behavior="slide" スクロールの方向 direction="up" スクロールする速度 scrollamount="2"
上からでて下まで移動して停止スクロールする範囲 width="300" height="300" スクロールする範囲の片端にくると停止 behavior="slide" スクロールの方向 direction="down" スクロールする速度 scrollamount="2"	左からでて右まで移動して停止スクロールする範囲 width="300" height="300" スクロールする範囲の片端にくると停止 behavior="slide" スクロールの方向 direction="right" スクロールする速度 scrollamount="2"

テーブル全体の設定
幅　width="600"　　高さ　height="600"
背景色　bgcolor="#999999"
セル間隔　cellspacing="0"
セル内余白 cellpadding="0"
テーブルを中央に配置 align="center"

スタイルで設定
枠線の幅・色・種類　border:10px #666666 solid;
文字色　color:blue;
フォントサイズ　font-size:12pt;

各セルの設定
幅　width="300"　　高さ　height="300"

テキストボックスの設定（　今回は　Ｐタグ　に指定　）
テキスト内容があふれた場合はスクロールバーをつけて表示 　overflow:auto;
幅　width:300px;　　高さ　height:300px;
背景色　background-color:#fffff0;　および　background-color:#fff0ff;

ＨＴＭＬタグ（ 半角で約１０００文字 ）は

<table style="border:10px #666666 solid;color:blue;font-size:12pt;" border="0" width="600" height="600" bgcolor="#999999" cellspacing="0" cellpadding="0" align="center"><tr><td width="300" height="300"> <marquee width="300" height="300" behavior="slide" direction="left" scrollamount="2"> 
右からでて左まで移動して停止 スクロールする範囲 width="300"
height="300" スクロールする範囲の片端にくると停止 behavior="slide" スクロールの方向 direction="left" スクロールする速度
scrollamount="2" テキスト内容があふれた場合はスクロールバーをつけて表示 
 </marquee> </td><td width="300"> <marquee width="300" height="300" behavior="slide" direction="up" scrollamount="2"> 
下からでて上まで移動して停止 
スクロールする範囲 width="300" height="300" スクロールする範囲の片端にくると停止 behavior="slide" スクロールの方向 direction="up" スクロールする速度
scrollamount="2" </marquee> </td></tr><tr><td height="300"> <marquee width="300" height="300" behavior="slide" direction="down" scrollamount="2"> 
上からでて下まで移動して停止 
スクロールする範囲 width="300" height="300" スクロールする範囲の片端にくると停止 behavior="slide" スクロールの方向 direction="down" スクロールする速度
scrollamount="2" </marquee> </td><td> <marquee width="300" height="300" behavior="slide" direction="right" scrollamount="2"> 
左からでて右まで移動して停止 
スクロールする範囲 width="300" height="300" スクロールする範囲の片端にくると停止 behavior="slide" スクロールの方向 direction="right" スクロールする速度
scrollamount="2" </marquee> </td></tr></table>

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

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

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

ＨＴＭＬタグは

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

お気に入りの記事を「いいね！」で応援しよう

最終更新日 2006年02月08日 18時50分22秒
コメント(4) | コメントを書く

[カレンダーテーブル他] カテゴリの最新記事

■コメント

Re:スクロール(marquee)　slideを使う４　★　表示されない時は再表示して見てね(11/25)

ちゃみままさんさん

朝起きたら真っ白！！！

運転に気をつけなくちゃね～～～(*^_^*)

まだそちらは暖かいですか～～～(^_-)☆ (2004年11月25日 21時32分18秒)

返事を書く

Re:スクロール(marquee)　slideを使う４　★　表示されない時は再表示して見てね(11/25)

meiakira さん

うわぁ～！
おもしろい動き方ですね～('▽'*)ﾆﾊﾟｯ
何度も見ちゃいましたぁ(*^m^*) ﾑﾌｯ (2004年11月25日 22時45分16秒)

返事を書く

Re:スクロール(marquee)　slideを使う４　★　表示されない時は再表示して見てね(11/25)

★未来です★ さん

はい～東京に行って来ました～＾＾
オイオイオイ・・マタマタ。。凄い～
中々挑戦できないです～
でも・必ずお借りしたのを使いたいです～
じゃ・・おやすみなさい～＾＾ (2004年11月25日 23時13分09秒)

返事を書く

Re:スクロール(marquee)　slideを使う４　★　表示されない時は再表示して見てね(11/25)

kyarotomo 1118 さん

ワ～～～ッ！！！
今日のスクロールもステキ～～～。。。
毎日、新しい物で楽しみです。。。

やっと『クリスマス特集』出来ました。
http://plaza.rakuten.co.jp/daisukikyarochan/22009
今日、夜にでもトップに入れようと思っています。。。
ありがとうございました。

そうそう、かずさかさんも『技術』だけだったんですね～～～。。。
今は男の子もお料理が出来ないとダメなんですって… (2004年11月26日 08時55分02秒)

返事を書く

【毎日開催】

15記事にいいね！で1ポイント

10秒滞在

いいね! -- / --

次の日記を探す

おめでとうございます！
ミッションを達成しました。

※「ポイントを獲得する」ボタンを押すと広告が表示されます。

Design a Mobile Website

スマートフォン版を閲覧 | PC版を閲覧