バカネコ日記

フリーページ

2005年02月15日
XML
カテゴリ:バカネコPC講座
バカネコ村の記事を検索する
性懲りもなく、バカネコ講座。
マーキーの質問があったので、とりあげよう。
今日の講義は、インターネットエクスプローラでないと、
うまく表示されない可能性があるので、予めお断りしておく。

電光掲示板のごとく、右から左へ流すのは、タグで挟むだけだ。
では、縦方向に動かすのはどうしたらいいか、今日はこれを解説する。

もちろん、お遊びにも使えるが、限られたスペースで、文章などを
自動スクロールさせるのに、適した方法だ。
これもタグの中に、呪文(属性の指定)をブチ込む、というやり方で実現する。

バカネコ、という語句を例にとって、おさらいすると、基本形は
<marqee>バカネコ</marqee>
である。

この、<marqee>タグの中に、direction="up" という呪文を
放り込むと、上にスクロールする。 つまり、こう書く。
<marqee direction="up">バカネコ</marqee>
 見本 ↓
バカネコ
direction とは、「方向」という意味であるから、
それを「上」に設定しただけだ。
なんとも安直であるが、HTML共通のクセ、と思っていただければよろしい。

【仔猫の里親募集中】

 ↑この子猫の里親を募集しています。

映画などでも、文章の縦スクロールは、よく使われるパターンだ。
かの有名なスターウォーズの冒頭がそうである。
例えばこんなふうに使ったりする。 文字サイズと行間は、予め小さくしておいた。
  ↓
--------------------------------

時は西暦2301年、地球は危機に瀕していた。
正体不明のウンコ爆弾が次々に撃ち込まれてくるのだ。
敵はナゾの中継ステーション、プロクシ彗星を経由して
爆弾を投下するため、本当の基地がどこにあるかわからない。
反撃しようにも敵の位置が確認できず、地球防衛軍の電子掲示板は
壊滅的打撃を受けていた。
およそ100年前、惑星ガミラスと戦って勝利した、あの、
伝説の宇宙戦艦ヤマトはとっくに廃艦、今はお台場で
人気のデートスポットになっている。

--------------------------------

ヒョウさんのお帽子

◎ヒョウさんのお帽子

だが、これでは、いくら何でも流れるスピードが速すぎる。
速度を調節しよう。

その呪文は、scrollamount である。
直訳すれば、スクロール量ということだ。 ここに設定する数値が大きいほど速くなる。
では、1をセットして、
<marquee direction="up" scrollamount="1">
としてみよう。
--------------------------------

時は西暦2301年、地球は危機に瀕していた。
正体不明のウンコ爆弾が次々に撃ち込まれてくるのだ。
敵はナゾの中継ステーション、プロクシ彗星を経由して
爆弾を投下するため、本当の基地がどこにあるかわからない。
反撃しようにも敵の位置が確認できず、地球防衛軍の電子掲示板は
壊滅的打撃を受けていた。
およそ100年前、惑星ガミラスと戦って勝利した、あの、
伝説の宇宙戦艦ヤマトはとっくに廃艦、今はお台場で
人気のデートスポットになっている。

--------------------------------
なにやら、それらしい雰囲気が、出てきたではないか。
マーキーは、何も電光掲示板だけが、能ではないのだ。
じっくり読ませる文章には向かないが、雰囲気をかもし出すには
けっこう、使える機能なのである。

さらに、文字に色をつけ、枠の中にはめこんで、中央に配置すると、
こんな感じになる。
うざったい電光掲示板とは、かなり印象が違う。

時は西暦2301年、地球は危機に瀕し ていた。

正体不明のウンコ爆弾が次々に撃ち込まれてくるのだ。
敵はナゾの中継ステーション、プロクシ彗星を経由して爆弾を投下するため、
本当の基地がどこにあるかわからない。

反撃しようにも敵の位置が確認できず、地球防衛軍の電子掲示板は
壊滅的打撃を受けていた。

およそ100年前、惑星ガミラスと戦って勝利した、あの、
伝説の宇宙戦艦ヤマトはとっくに廃艦、今はお台場で
人気のデートスポットになっている。
名艦長と謳われた古代進も、今は英雄の丘に眠る。

この危機に臨んで、古代の子孫、誇大トドは、総司令コロン長官の命を受け、
最新鋭の宇宙戦艦バーニャンを指揮して、恐怖のウンコ爆弾「アラシ」の
ナゾを解きあかすべく、宇宙に飛び立つことになった。

補助エンジン始動、出力1/4、微速前進。
波動串用意、エネルギー充填120%...

艦長トドの静かな声が響き渡る。
「宇宙戦艦バーニャン発進!」

グオォォォーーーーッ


せっかくだから、この部分のHTMLも載せておこう。
日記ページの自動改行にも対応している。
メモ帳やテキストエディタを使う方は、そのままでよろしい。
ビルダーなどのソフトを使いたい方は、いったん、メモ帳などに
貼り付けておいて、そこからもう一度、コピーを取り直すのをお忘れなく。
でないと、化ける。
<center><table border="4" bordercolorlight="#00FF00" bordercolordark="#008080" cellpadding="15" width="500" height="200"><tr><td style="line-height: 120%; font-size: 10pt; color: green" width="500" height="200"><marquee direction="up" scrollamount="1">
■ここに、中身の文章を書く■
</marquee></td></tr></table></center>

【今日のポイント】
1.動かしたい文章は、<marqee> と </marqee> で挟む。
2.上にスクロールするには、direction="up" を指定する。
3.速度調節は、scrollamount に数値を設定する。
4.インターネットエクスプローラの機能であることに注意。
  ブラウザによっては、動かずに、そのまま表示されることがある。

【おとぼけコロン】



【トド短信】
 楽天フリマショップ登録の経過。
 書類を送ったら、深夜になって、本登録手続きのメールが入った。
 手続きはすませたが、出品するには、説明ページを用意しなきゃ。
 ううう、「にゃんタグ・フルバージョン」の公開まで、もう一息か。
 にゃんタグ・ミニなら、すでに公開しているから、ここへ初めて来られた方は
 過去の日記を遡るべし。


この記事がおもしろかったと思う人は1票! クリック →
 おもしろかったらクリックしてね


※バカネコ講座では、安全な方法を選んで紹介していますが、
 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。



ネコでもわかるPC講座はこちら。 →バカネコ講座


【楽天トラベル】 バカネコ講座 バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン1号ミニ バーニャン1号の秘密 にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のPCを知る バカネコ・ビューア にゃんタグ・ミニ



画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
子猫の里親募集にお力添えをいただける方、または、このサイトの新着記事の通知をご希望の方はご利用ください。









最終更新日  2005年02月19日 02時33分44秒
コメント(41) | コメントを書く

PR

バックナンバー

2019年08月
2019年07月
2019年06月
2019年05月
2019年04月

プロフィール


海獣トド

コメント新着

 海獣トド@ Re:意外な一面に触れて。(08/14) 泡雪さんへ >マザーテレサって本当にす…
 海獣トド@ うめぼしがキラリ☆さんへ >ひゃー、ブログさぼってる間にトドさん…
 海獣トド@ 鵜の岬さんへ >これからも・・ヨロシク・・ね こち…
 海獣トド@ sshijimisanさんへ >でも、トド様のおかげで少しの村民は救…
 海獣トド@ もぐらのこさんへ >日記の下書き機能残ってるよ(^-^) …
 海獣トド@ archfelisさんへ >せめて12日一杯残せばいいのに・・・…

Copyright (c) 1997-2019 Rakuten, Inc. All Rights Reserved.