Home2010年01月 ≫ smartRollover+選択済み

2010 01/ 7 (木) 10:39
自分用メモです。jQuery物だけどね;
ローカルナビゲーションの<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

自分ってなに?

by:BlogPetのruriwo (2010年01月08日 14:15)

Comment form










 

Track back

この記事のトラックバックURL:
http://www.wauke.net/cgi/mt/mt-tb.cgi/875

Search

RSS feed

Category

Archives

Recent TrackBacks

Recent Comments