Javascriptによるロールオーバーメニューについて質問です。

Dreamweaver8のビヘイビアで自動生成するjsを使用してロールオーバーするグローバルメニューをよく制作します。そのグローバルのメニューボタンが示しているコンテンツを表示しているときはオーバーの状態にしたい、という場合はそのボタンだけビヘイビアをつけずにロールオーバーの画像を表示する。という方法で、やっています。すると、コンテンツ分のグローバルセットを用意し、それぞれのページに配置....。これでは更新性がわるいです。jsでコンテンツを判断し、ボタンをオーバーで固定する方法はありますか?
Dwのテンプレート機能を使っていますので、一つのグローバルメニューセットで実現したいと思っています。
メニューだけFlashでつくればパラメーターなどでできましたが、htmlの背景を透過させるともあり、今回Flashのメニューは使えません。
宜しくお願いします。

回答の条件
  • 1人10回まで
  • 登録:2006/09/29 13:02:54
  • 終了:2006/10/06 13:15:21

回答(2件)

id:kakicg No.1

kakicg回答回数44ベストアンサー獲得回数32006/09/30 06:35:44

ポイント35pt

たしかにメンテナンス性を考えたサイトメニューを作るのはDreamweaver8でも難しいですね。私の場合少々苦しいですが以下の方法をとっています。

  1. テンプレートにグローバルメニューのそれぞれの項目を(1)ロールオーバーするもの(2)選択状態の表示のものの2つづつ並べて作る。
  2. 全ての項目の(1)(2)をオプション領域として設定する。
  3. 実際のページをこのテンプレートから作成し、そのページに該当する項目には(2)を、それ以外の項目には(1)を表示するように設定する。(「修正」->「テンプレートプロパティ」で変更)

ここまでの作業が少し面倒くさいですが、以降のメンテナンスはテンプレートだけ編集すればいいので楽です。

別法としては、テンプレート内のメニューをcssで作り各項目の属性を変更できる設定にするというやり方もあります。

id:aqualimone

cssですとオーバーの際にブラウザによっては一瞬画像が消えて光って見えるので避けています。

オプション領域を使うやり方は是非試してみたいです。有難うございました。また報告します。

2006/10/02 18:42:43
id:kakicg No.2

kakicg回答回数44ベストアンサー獲得回数32006/10/02 19:23:37

ポイント35pt

>cssですとオーバーの際にブラウザによっては一瞬画像が消えて光って見えるので避けています。

ロールオーバー画像をプリロードしておくと解決します。(ビヘイビアなどで設定可能です。)

id:aqualimone

プリロードでIE6のフリッカー現象が解決するということでしょうか?

2006/10/02 20:37:07

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません