03/16(Sun) 01:42
一定間隔でHTMLレイヤーを切り換えて表示する
HTMLレイヤーを、一定間隔で切り換えて表示します。サンプルは2つのHTML文ですが、少しの改造をすれば、いくつでも増やせます。HTML文には通常のHTMLと同じものが使えます。
■設置方法
使用するCross-Browser function | setBGCOLOR、showLAYER、hideLAYER |
スタイルシート | htmlpos |
■ヘッダー部に以下のスタイルシート、関数を定義します。
変更する箇所は以下の2カ所です。あなたのページレイアウトに合わせて変更して下さい。
- スタイルシート内の表示位置(left:105;top:100)、文字(font-size:10pt)、レイヤー幅(width:400)
- 関数htmlini()、flip()内の背景色の指定(#ddffff、#ffddff)
■ボディ部に以下の記述をします。
変更する箇所は以下の1カ所です。あなたのページに合わせて変更して下さい。
- HTML文の内容(ID="html0"、ID="html1"の2つのHTML文)を変更します。<DIV CLASS=>と</DIV>の間にあなたの表示したいHTML文を記述して下さい。HTMLで使えるリンク、画像、フォームなどすべての内容を書くことができます。
■JavaScript&CGI工作室を中心に、バナー作成、
趣味の話題などをテーマにしています。ごゆっくりどうぞ!
[ソフト工作室]←クリック!
■ご訪問ごとに楽しいイペントを
ご用意してお待ちしてま〜す。
[ソフト工作室]←クリック!
|
<応用>「DHTML未対応ブラウザ用のメッセ−ジ」「JavaScript未対応、JavaScript設定「無効」ブラウザ用のメッセ−ジ」の処理を追加する場合はJavaScriptを使って下のようにします。
|
|