网站常用的jQuery鼠标悬停tab选项卡切换代码，选项卡还有下划线跟随动画效果，显得更有特色。切换内容里图文列表布局效果也很棒

<script src="js/jquery.min.js"></script> 
<script type="text/javascript">            
$(document).ready(function(){ 
    //设计案例切换 
    $('.new_telst li').mouseover(function(){ 
        var liindex = $('.new_telst li').index(this); 
        $(this).addClass('newon').siblings().removeClass('newon'); 
        $('.new-wrap div.new_lst').eq(liindex).fadeIn(150).siblings('div.new_lst').hide(); 
        var liWidth = $('.new_telst li').width(); 
        $('.newtel .new_telst p').stop(false,true).animate({'left' : liindex * liWidth + 'px'},300); 
    }); 
     
}); 
</script>

©软件著作权归作者所有。本站所有软件均来源于网络，仅供学习使用，请支持正版！