smartRollover＋選択済み
2010
01/ 7
(木)
10:39
自分用メモです。jQuery物だけどね；
ローカルナビゲーションの＜a＞＜img＞＜/a＞で使用するとか。
通常は_offが_onに変わるけど、サイト移動すると_scになるとか。
HTMLは
JSは
ローカルナビゲーションの＜a＞＜img＞＜/a＞で使用するとか。
通常は_offが_onに変わるけど、サイト移動すると_scになるとか。
HTMLは
<a href="/hoge/"><img srce="hoge1._off.png"></a><br />
<a href="/hoge1/"><img srce="hoge2._off.png"></a><br />
<a href="/hoge2/hoge.html"><img srce="hoge2._off.png"></a><br />
<a href="/hoge3"><img srce="hoge3._off.png"></a><br />
<a href="/hoge4"><img srce="hoge4._off.png"></a><br />
JSは
//Menu Selectedソースがキモいとか言わないで凹
var strHref = window.location.pathname.substr(1);
var now_dir1 = strHref.substr(0,strHref.indexOf("/"));
$("#navi a").each(function(i){
var a_uri1 = $(this).attr("href").substr(1);
var a_uri2 = a_uri1.substr(0,a_uri1.indexOf("/"));
if(a_uri2 == ""){
a_uri2 = a_uri1;
}
if(a_uri2 == now_dir1){
if((a_uri2=="")&&(now_dir1=="")&&(strHref!="")){
//DocRootのページかも
}else{
var img = $(this).children("img");
img.attr("src",img.attr("src").replace("_off.", "_sc."));
}
}
});
Comments
自分ってなに？