[js]ロールオーバー+見てるページのメニュー画像変更

メニュー画像をロールオーバーさせつつカレントページはon状態にするスクリプト。

見てるページのメニュースタイルを変更する
ロールオーバースクリプト(画像名のOn/Offで判別)を足したソースです。
プリロードはついてません。


window.onload = function() {
if(document.getElementById(“menu”)){
var myMenu = document.getElementById(“menu”).getElementsByTagName(“a”);
var Over = “_on”;
var Off = “_off”;
var HrefList = new Array();
var myHref = document.location.href;
var myUrl = FilePass(myHref);

for (var i = 0; i

「[js]ロールオーバー+見てるページのメニュー画像変更」への4件のフィードバック

  1. ロールオーバーしたい箇所をidではなくclassで判別するにはどうすればいいでしょうか?
    単純にgetElementByIdをgetElementsByClassNameに置き換えてみたのですが、それだけでは動作しませんでした…。
    お忙しいとは思いますが、お時間ある時にご教示お願い致します。

    返信
  2. Luna さん>

    未検証ですが、ループ増やせばいけるんじゃないかと思います。

    
    if(document.getElementsByClassName("menu")){
    
    var menuWrap = document.getElementsByClassName("menu");
    
    for(i=0; i < menuWrap.length; i++){
        var myMenu = menuWrap[i].getElementsByTagName("a");
        //以下同じ
    }
    
    }
    返信
  3. その通りにやってみたところ動作してくれました。
    どうもありがとうございます。

    返信

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください