基礎タグ教室
セキュリティ
訪問者名記憶
簡易パスワード
右クリック禁止
便利項目
ポップアップヘルプ
案内ウィンドウ
メニュー小窓
フォームリンク
メールフォーム1
メールフォーム2
簡易注文フォーム
簡 易 電 卓
日時表示
カレンダー
リアルタイム時計
時計と挨拶表示
タイプ風日時バー
最終更新日表示
○○の○○日
メッセージ・画像
挨拶ダイアログ
新ウィンドウを開く
スクロール伝言板
タイプ風伝言板
スクロールバー
画像フェードイン/アウト
背景色変更
クリックボタン

スクロール伝言板

文字が流れてゆく伝言掲示板がありますが、ホームページでも同じことができます。
Sample


Source

スクロール伝言板

msgで定義した文字列の頭一文字をしっぽに付ける操作をタイムアウト処理で繰り返します。
「表示」の「示」という文字の前に「\」を付けた理由は、付けないと文字化けするからです。(文字コードがシフトJISの場合)
document.{form}.{element}.valueでフォーム名を指定する代わりに window.status = msg にすると、
ステータス行に流すことができます。

[EXTENSION] 複数の流れるテキストを作るには?
 変数・関数・オブジェクトなどには固有の名前を付けなくてはいけないのですが、単純にコピーすると名前が重複してしまいます。サンプルだと、msg, time, scroll, tid, indicator, box がこれに該当します。
 二つ目を書く場合には、これら全てを
msg2, time2, scroll2, tid2, indicator2, box2
に置き換えれば問題なく動作します。
※もちろん、全く別の名前を付けても構いません。

[STEP UP] 流れるテキストのフォントを指定
<INPUT type="text" size=46 name="box" style="color:red;background-color:aqua;font-size:27px">
のように書けば、文字色が赤、背景色がみずいろ、フォントサイズが 27ピクセルのテキスト入力欄ができます。
(ただし、NN4ではフォントサイズの指定だけしか有効になりません)

ページの上へ戻る


マイホーム

[★高収入が可能!WEBデザインのプロになってみない?! Click Here! 自宅で仕事がしたい人必見! Click Here!]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]


FC2 キャッシング 出会い 無料アクセス解析