バカネコ日記

フリーページ

保存ﾌｧｲﾙ見方

< 新しい記事

新着記事一覧(全963件)

過去の記事 >

全て | カテゴリ未分類 | バカネコＰＣ講座 | バカネコのお話

2005年02月15日

性懲りもなく、バカネコ講座。
マーキーの質問があったので、とりあげよう。
今日の講義は、インターネットエクスプローラでないと、
うまく表示されない可能性があるので、予めお断りしておく。

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

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

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

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

【仔猫の里親募集中】

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

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

ヒョウさんのお帽子

◎ヒョウさんのお帽子

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

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

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

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

時は西暦２３０１年、地球は危機に瀕していた。

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

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

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

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

補助エンジン始動、出力1/4、微速前進。
波動串用意、エネルギー充填１２０％．．．

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

グオォォォーーーーッ

せっかくだから、この部分の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>

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

【おとぼけコロン】

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

この記事がおもしろかったと思う人は１票！　クリック　→