|
先日、ブロガ友達のピーチさん※からコメントが届いた!
※http://blogs.yahoo.co.jp/peach621
゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛
ピーチさん!!>文字スクロールをやってみたかったんだ〜。
ピーチさん!!>文字大きくしてカラーにしてスクロールってどうすればいいのかな?
゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛
なるほど!ピーチさんらしいかわいらしい質問だ!むずかしいね(笑)
動くかな〜!テストしてみましょう!!
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■文字をサイズ大きく、ピンク色にする■
・入力例↓↓↓↓↓
<marquee><font color="pink" size="10">こんなかんじかなーピーチさん</font></marquee>
・表示例↓↓↓↓↓
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
動きましたよ!!ピーチさん!
ついでにいろいろ試しましょう!
以下、番外編
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■文字の背景色を指定します■
・入力例↓↓↓↓↓
<marquee BGCOLOR="red">ピーチさん背景が赤いよ!</marquee>
・表示例↓↓↓↓↓
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■逆方向に動くかな■
・入力例↓↓↓↓↓
<marquee DIRECTION="right">ピーチさん逆にも動くよ!</marquee>
・表示例↓↓↓↓↓
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■往復に動くかな■
・入力例↓↓↓↓↓
<marquee BEHAVIOR="alternate">ピーチさん!往復もできます</marquee>
・表示例↓↓↓↓↓
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■高速に動くかな?■
・入力例↓↓↓↓↓
<marquee SCROLLDELAY="50" SCROLLAMOUNT="15">こんなかんじかなーピーチさん-ハヤイヨー</marquee>
・表示例↓↓↓↓↓
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■止まるかな?■ ←loop=3をつけて3回目に止まるようにしてます!
・入力例↓↓↓↓↓
<marquee behavior="slide" loop="3">ピタッと止まるよーピーチさん!</marquee>
・表示例↓↓↓↓↓
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■縦方向に動くかな?■
・入力例↓↓↓↓↓
<marquee DIRECTION="down" HEIGHT="100">ピーチさん縦にも動くよん!</marquee>
・表示例↓↓↓↓↓
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■あっちこっちに動くかな?■
・入力例↓↓↓↓↓
<marquee DIRECTION="down" BEHAVIOR="alternate" HEIGHT="100">
<marquee BEHAVIOR="alternate">●ピーチさん動きまくるよん●</marquee>
</marquee>
・表示例↓↓↓↓↓
■応用編?流れ星■
・入力例↓↓↓↓↓
<marquee direction="down" height="250" width="250"><marquee direction="left" scrollAmount=5><FONT color="orange"> /
<I>★</I></FONT></marquee><marquee direction="left" scrollAmount=12><FONT color="deeppink"> /
<I>★</I></FONT></marquee><marquee direction="left" scrollAmount=10><FONT color="yellow"> /
<I>★</I></FONT></marquee><marquee direction="left" scrollAmount=8><FONT color="skyblue"> /
<I>★</I></FONT></marquee></marquee>
・表示例↓↓↓↓↓
/
★ /
★ /
★ /
★
■応用編2-桜が散る■
・文法例↓↓↓↓↓
<marquee scrollamount=2 behavior="scroll" direction="down">
<marquee behavior="alternate" direction="right" width=60 height=70><font color="deeppink">桜</font></marquee>
<marquee behavior="alternate" direction="left" width=80 height=40><font color="deeppink">桜</font></marquee>
</marquee>
・表示例↓↓↓↓↓
桜
桜
■応用編3-カラフル鏡面的メッセージバー■
・文法例↓↓↓↓↓
<marquee bgcolor="yellow" width="20%">まなびたい</marquee><marquee bgcolor="lime" width="20%" direction="right">まなびたい</marquee><marquee bgcolor="pink" width="20%">まなびたい</marquee><marquee bgcolor="orange" width="20%" direction="right">まなびたい</marquee>
・表示例↓↓↓↓↓
まなびたいまなびたいまなびたいまなびたい
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
最後に補足・・
※「WIKI文法使用」のチェックを入れないこと!
※ すべて半角文字で入力すること!つまり上記をコピペしてもダメです!
※上記フォント色、背景色は
black→黒 silver→銀 gray→灰色 maroon→赤茶色 red→赤
purple→紫 fuchsia→ピンク green→緑 lime→黄緑 olive→黄土色 yellow→黄色
navy→紺色 blue→青 teai→深緑 aqua→水色
が使えますよん。
※■文字をサイズ大きく、ピンク色にする■のように<marquee>タグの後に
<font>タグを入れると文字サイズも自由に指定できます。
※<marquee>タグの中のHEIGHTやSCROLLAMOUNTの””内の数字を
変えるといろいろ見栄えが変わるよん!いろいろ試してみてください!
※設定プロパティの詳細※
WIDTH: スクロール領域の幅
HEIGHT: スクロール領域の高さ
DIRECTION:スクロールの方向
BEHAVIOR: スクロールの振る舞いwhat type of scrolling
SCROLLDELAY: スクロールの遅れ
SCROLLAMOUNT:スクロールのジャンプする幅
LOOP: スクロール何回回る?
BGCOLOR: スクロー
|
コメントありがとうございます^^ これ本当にすごいです!!感動しました^▽^ お気に入りに入れさせてもらいます〜!!勉強します^^
2005/5/5(木) 午後 5:06 [ pnk*w34* ]
mamiさん>ありがとうございます!また遊びに来てくださいねん!
2005/5/12(木) 午後 0:55
はじめまして。m(__)m文字のスクロール、やってみました。ちゃんと動いて感激です!ありがとうございました。(=´∇`=)/
2005/5/14(土) 午後 6:03
トラックバックさせていただきました。(^-^)
2005/5/14(土) 午後 6:57
訪問&コメント<(_ _*)> アリガトォ それにしてもスクロール♪⌒ヽ(*゜O゜)ノ スゴイッ!!! やってみたいけど時間かかりそー('〇';) でも、出来たら楽しいだろうね〜(^o^) \(*⌒0⌒)bがんばろ! っと言うことでお気に入りに登録させていただきます<(_ _)>
2005/5/18(水) 午後 3:37
asumiさん>ありがとうございます!TBもありがとう!ご活用うれしいです(感謝)!
2005/5/18(水) 午後 3:46
ひでさん>ありがとうございます(笑)!簡単ですよん!文字の前後に置くだけです!慣れれば簡単!がんばってくださいねん!
2005/5/18(水) 午後 3:47
有難うございました。できました。いろいろと教えてもらっています。 文字が動くと楽しいですね。今度はブログペットを飼いたいと思いますのでどうぞよろしくお願いいたします。
2005/6/10(金) 午後 1:08 [ may*005*14 ]
mayさん>見てきました!!成功おめでとうございます!!完璧でした(笑)!!ブロペできたら教えてください!また遊びにきマース!
2005/6/10(金) 午後 2:01
すぐに来て頂いて本当にうれしいです。有難うございました。 これからもどうぞ教えてください。
2005/6/10(金) 午後 2:13 [ may*005*14 ]
う〜む、マーキーはやっぱりwin向けですね。。Mac+IEでは見えません。
2005/6/11(土) 午後 7:43 [ toe*c1* ]
はじめまして〜他のブログさんで文字が動いたりしているのを見て、「どうやっているんだろう」と思っていました。やり方が分かって嬉しいです^―^また勉強しにきます☆
2005/6/22(水) 午後 6:12 [ 染井佳乃 ]
初心者だからためになります^^また見にきます!
2005/6/25(土) 午後 6:59
namenonekoさんのブログがいちばん私には分かりやすくてとてもためになります。有難うございます。
2005/7/2(土) 午前 11:15 [ may*005*14 ]
toeicさん>Mac版とwin版では同じIEでも違うんですかね?私はmac機をもってないので・・確認できません(悲)・・
2005/7/2(土) 午後 4:50
そめいよしのさん>ありがとうございます!お役に立ててうれしいです(笑)
2005/7/2(土) 午後 4:51
HIROさん>ありがとうございます!またのお越しをお待ちしてます!
2005/7/2(土) 午後 4:52
mayさん>ありがとうございます!そういってくださるとすっごくうれしいです(感謝)!!
2005/7/2(土) 午後 4:52
訪問ありがうございました。これからもどうぞよろしくお願い致します。
2005/7/2(土) 午後 6:11 [ may*005*14 ]
わたくし参考になりました!ありがとうございます!
2005/7/22(金) 午後 8:14