탭메뉴, tabmenu, img src replace

2016. 7. 14. 15:02에 씀

$(function(){ $('.tab_navi a').on('click',function(){ var idx = $(this).parent().index(); imgToggle($(this)); $('.tab_cont[data-cont=cont0'+ (idx+1) +']').show().siblings('.tab_cont').hide(); return false; }); function imgToggle(obj){ obj.parent().addClass('on').siblings().removeClass('on'); obj.find('img').attr('src',function(){ var src = $(this).attr('src'); return src.replace('off.jpg','on.jpg'); }).end().parent().siblings('li').find('img').attr('src',function(){ var src = $(this).attr('src'); return src.replace('on.jpg','off.jpg'); }); } });


<ul class="tab_navi">
    <li><a href="javascript:;"><img src="img_tab01_on.jpg" alt="" /></a></li>
    <li><a href="javascript:;"><img src="img_tab02_off.jpg" alt="" /></a></li>
</ul>

<div class="tab_cont" data-cont="cont01"></div>
<div class="tab_cont" data-cont="cont02" style="display:none"></div>


글쓰고 저장
« PREV : 1 : ··· : 3 : 4 : 5 : 6 : 7 : 8 : 9 : 10 : 11 : ··· : 35 : NEXT »