ヘッダー
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!--画像カレントホバー-->
<script type="text/javascript" >
$(function(){
$(".d_navi_main_in li:not(.current) a").each(function(){
var a = $(this);
var img = a.find("img");
var src_off = img.attr("src");
var src_on = src_off.replace(/^(.+)_off(\.[^\.]+)$/,"$1_on$2");
$("<img />").attr("src",src_on);
a.bind("mouseenter focus", function(){
img.attr("src", src_on);
});
a.bind("mouseleave blur", function(){
img.attr("src", src_off);
});
});
});
//current表示
$(function() {
if ($('.d_navi_main_in li').hasClass('current')) {
$(".d_navi_main_in li.current a img").attr("src",$(".d_navi_main_in li.current a img").attr("src").replace(/^(.+)_off(\.[^\.]+)$/,"$1_current$2"));
}
});
</script>
#d_sidenavi_in ul li.current a {
color: #71B5FF!important;
text-decoration: none!important;
border-top-color: #71B5FF!important;
border-right-color: #71B5FF!important;
border-bottom-color: #71B5FF!important;
border-left-color: #71B5FF!important;
}
<!--メインナビ-->
<div class="d_navi_main_all">
<div class="d_navi_main_width">
<div class="d_navi_main_in">
<ul>
<li <?php if(is_home()): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>"><img src="img/main_menu/menu_put-01_off.jpg" width="192" height="70" /></a></li>
<li <?php if(is_page( '21' )): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>/?page_id=21"><img src="img/main_menu/menu_put-02_off.jpg" width="213" height="70" /></a></li>
<li <?php if(is_page( '19' ) or is_category() or in_category(array(1,2) and is_single())): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>/?page_id=19"><img src="img/main_menu/menu_put-03_off.jpg" width="199" height="70" /></a></li>
<li <?php if(is_page( '23' )): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>/?page_id=23"><img src="img/main_menu/menu_put-04_off.jpg" width="194" height="70" /></a></li>
<li <?php if(is_page( '25' )): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>?page_id=25"><img src="img/main_menu/menu_put-05_off.jpg" width="202" height="70" /></a></li>
</ul>
</div class="d_navi_main_in">
</div class="d_navi_main_width">
</div class="d_navi_main_all">
<!--/メインナビ-->
<ul>
<li <?php if(is_page( '28' )): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>/?page_id=28">理事長ご挨拶</a></li>
<li <?php if(is_page( '30' )): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>/?page_id=30">メンバー紹介</a></li>
<li class="space"></li>
<li class="dash"></li>
<li class="space"></li>
<li <?php if(is_category(1) or in_category(array(1) and is_single())): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>/?cat=1">お知らせ</a></li>
<li <?php if(is_category(2) or in_category(array(2) and is_single())): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>/?cat=2">活動報告</a></li>
<li class="space"></li>
<li class="dash"></li>
<li class="space"></li>
<li <?php if(is_page( '32' )): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>/?page_id=32">リンク</a></li>
<li <?php if(is_page( '62' )): ?> class="current"<?php endif; ?>>
<a href="<?php echo home_url(); ?>/?page_id=62">公開情報</a></li>
<li class="space"></li> <li class="space"></li>
<li class="kyuujc"><a href="http://setojcnews.jugem.jp/" target="_blank">旧JC NEWS</a></li>
<li class="space"></li> <li class="space"></li>
<li class="member<?php if(is_page( '64' )): ?> current<?php endif; ?>" ><a href="<?php echo home_url(); ?>/?page_id=64"> メンバーページ</a></li>
</ul>