2020年9月15日

横向菜单选中并且定位jquery代码


横向菜单选中并且定位jquery代码,没有想象中那么复杂。


$('.g-subnav-list>ul>li').click(function(){
$(this).addClass('active').siblings().removeClass('active');
$('.g-subnav-list').hide();

//关联
$('.g-subnav-box>ul>li').eq($(this).index()).addClass('active').siblings().removeClass('active');

var l = $('.g-subnav-box>ul>li').eq($(this).index()).position().left;
//console.log(l);
$('.g-subnav-box').animate({'scrollLeft':l},'normal');
return false;
})

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732