メニューのロールオーバーをCSSで書いてて、全ページ共通のテンプレートにしてたりすると、自ファイルへのリンクはロールオーバーしないようにしたいけど手作業で直すとあとあと大変だったりする…よね？
JavaScriptで自ファイル名を取得して、ロールオーバーのclass名を書き換えてしまうと楽ちん～かな？
a.htmlファイルとb.htmlファイルがあるとして、それぞれsmenu1をsmenu1a、smenu2をsmenu2aに自動で変更。
window.onload=function(){
var url = document.location.href;
var sa = url.split("/");
var name = sa[sa.length-1];
if(name=="a.html"){
var tags=document.getElementsByTagName("a");
for(var i=0;i<tags.length;i++){
if(tags[i].className=="smenu1") tags[i].className="smenu1a";
}
}
if(name=="b.html"){
var tags=document.getElementsByTagName("a");
for(var i=0;i<tags.length;i++){
if(tags[i].className=="smenu2") tags[i].className="smenu2a";
}
}
}
こんなので多分大丈夫。だと思う（弱気）
コメントする