jq修改导航栏样式（选中、使用两张图片替代的是否选中效果）

 <footer class="toolbar">
     <ul>
         <li>
                <a href="{:url('Index/home')}">
                 <img src="__STATIC__/img/f1.png" alt="">
                 <span>首页</span>
             </a>
         </li>
         <li>
             <a href="{:url('Goods/category_list')}">
                 <img src="__STATIC__/img/f2.png" alt="">
                 <span>分类</span>
             </a>
         </li>
         <li class="vip_img">
             <a href="{:url('Gift/gift_mall')}">
                 <img src="__STATIC__/img/f3.png" alt="">
             </a>
         </li>
         <li>
             <a href="{:url('Cart/cart_list')}">
                 <img src="__STATIC__/img/f4.png" alt="">
                 <span>购物车</span>
             </a>
         </li>
         <li>
             <a href="{:url('Ucenter/my_home')}">
                 <img src="__STATIC__/img/f5.png" alt="">
                 <span>我的</span>
             </a>
         </li>
     </ul>
 </footer>

 <script type="text/javascript">
 $(function(){
     var navLi=$('.toolbar li') //此处填写你的导航html对象
     var windowUrl=window.location.href; //获取当前url链接
     navLi.each(function(){ //遍历获取到的url
         var t=$(this).find('a').attr('href');//获取遍历的url地址
         if(t==windowUrl.replace(/^http:\/\/[^/]+/, "")){ //去掉域名
             var src = $(this).find('img').attr('src').replace(/.png/, "y.png"); //获取新的地址
             $(this).find('img').attr('src',src); //替换地址
         }
     })
 })
 </script>