学習!いろんなこと学びたいな〜○○もまた××も ※週7個限定

現学び事は、「ブログてく、英語」です。この後も増えます(予定)。他に 「癒し写真館と質問コーナ」もあるのでよかったら見てねん!

全体表示

[ リスト ]


先日、ブロガ友達のピーチさん※からコメントが届いた!
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: スクロー

閉じる コメント(54)

コメントありがとうございます^^ これ本当にすごいです!!感動しました^▽^ お気に入りに入れさせてもらいます〜!!勉強します^^

2005/5/5(木) 午後 5:06 [ pnk*w34* ]

顔アイコン

mamiさん>ありがとうございます!また遊びに来てくださいねん!

2005/5/12(木) 午後 0:55 naminoneko

顔アイコン

はじめまして。m(__)m文字のスクロール、やってみました。ちゃんと動いて感激です!ありがとうございました。(=´∇`=)/

2005/5/14(土) 午後 6:03 明日見/ (/も含んで、asumi )

顔アイコン

トラックバックさせていただきました。(^-^)

2005/5/14(土) 午後 6:57 明日見/ (/も含んで、asumi )

顔アイコン

訪問&コメント<(_ _*)> アリガトォ それにしてもスクロール♪⌒ヽ(*゜O゜)ノ スゴイッ!!! やってみたいけど時間かかりそー('〇';) でも、出来たら楽しいだろうね〜(^o^) \(*⌒0⌒)bがんばろ! っと言うことでお気に入りに登録させていただきます<(_ _)>

2005/5/18(水) 午後 3:37 hid*418*12

顔アイコン

asumiさん>ありがとうございます!TBもありがとう!ご活用うれしいです(感謝)!

2005/5/18(水) 午後 3:46 naminoneko

顔アイコン

ひでさん>ありがとうございます(笑)!簡単ですよん!文字の前後に置くだけです!慣れれば簡単!がんばってくださいねん!

2005/5/18(水) 午後 3:47 naminoneko

顔アイコン

有難うございました。できました。いろいろと教えてもらっています。 文字が動くと楽しいですね。今度はブログペットを飼いたいと思いますのでどうぞよろしくお願いいたします。

2005/6/10(金) 午後 1:08 [ may*005*14 ]

顔アイコン

mayさん>見てきました!!成功おめでとうございます!!完璧でした(笑)!!ブロペできたら教えてください!また遊びにきマース!

2005/6/10(金) 午後 2:01 naminoneko

顔アイコン

すぐに来て頂いて本当にうれしいです。有難うございました。 これからもどうぞ教えてください。

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 hir**12951

顔アイコン

namenonekoさんのブログがいちばん私には分かりやすくてとてもためになります。有難うございます。

2005/7/2(土) 午前 11:15 [ may*005*14 ]

顔アイコン

toeicさん>Mac版とwin版では同じIEでも違うんですかね?私はmac機をもってないので・・確認できません(悲)・・

2005/7/2(土) 午後 4:50 naminoneko

顔アイコン

そめいよしのさん>ありがとうございます!お役に立ててうれしいです(笑)

2005/7/2(土) 午後 4:51 naminoneko

顔アイコン

HIROさん>ありがとうございます!またのお越しをお待ちしてます!

2005/7/2(土) 午後 4:52 naminoneko

顔アイコン

mayさん>ありがとうございます!そういってくださるとすっごくうれしいです(感謝)!!

2005/7/2(土) 午後 4:52 naminoneko

顔アイコン

訪問ありがうございました。これからもどうぞよろしくお願い致します。

2005/7/2(土) 午後 6:11 [ may*005*14 ]

顔アイコン

わたくし参考になりました!ありがとうございます!

2005/7/22(金) 午後 8:14 sut**han

開く トラックバック(8)


.
naminoneko
naminoneko
男性 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について

ブログバナー

よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
10/31まで秋の行楽キャンペーン実施中
衛生対策製品クレベリンの姉妹ブランド
クレベ&アンドハンドジェルが新登場
今だけ。お試しキャンペーン実施中!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事