03/16(Sun) 01:42
ペ−ジへ入ると文字や画像がスライドして現われる
【お知らせ】Netscape 6,7、Opera6でも動作するよう機能追加しました(2003/04/27)
ページをオープンすると、タイトルや画像など複数のレイヤーがスライドして現れます。このDHTMLは「だれでもカンタンDynamicHTMLサンプル集」からの引用です。
■設置方法
使用するCross-Browser function | slideLAYERs |
スタイルシート | titlepos |
■ヘッダー部に以下のスタイルシート、関数を定義します。
変更する箇所は以下の2カ所です。あなたのページレイアウトに合わせて変更して下さい。
- スタイルシート内の文字(font-size:25pt)、レイヤー幅(width:230)、文字色(green、magenta、red)
- 関数slideini()内のslideLAYERsのパラメータ値(スライド開始座標と終了座標、スピードなど)
■ボディ部に以下の記述をします。
変更する箇所は以下の2カ所です。あなたのページに合わせて変更して下さい。
- タイトル文字(菊池さんちのホームページにようこそ!)
- 画像の場所(../gif/totoro.gif)
菊池さんちの ホームページに ようこそ!
菊池さんちの ホームページに ようこそ!
菊池さんちの ホームページに ようこそ!
|
<応用>「DHTML未対応ブラウザ用のメッセ−ジ」「JavaScript未対応、JavaScript設定「無効」ブラウザ用のメッセ−ジ」の処理を追加する場合はJavaScriptを使って下のようにします。
|
|