Windows8布局菜单九宫格

$(function () { // $(".index-con .in-kct").hover(function() { $(this).find('i:first').addClass('smaller').removeClass('bigger') $(this).find('span:first').fadeOut('') $(this).find('.in-text').show('fast').addClass('show') $(this).find('.ch').removeClass('') }, function() { $(this).find('i:first').removeClass('smaller').addClass('bigger') $(this).find('span:first').fadeIn('') $(this).find('.in-text').hide('').removeClass('fast') $(this).find('.ch').addClass('show') }) $(".index-con .in-jbk").hover(function() { $(this).find('i:first').addClass('hide') $(this).find('span:first').hide('') $(this).find('.in-text').show('').addClass('show') var num = $(this).index('.in-jbk') + 1; $(this).find('.in-none').show('').addClass('toLeft' + num).removeClass('toRight' + num) $(this).find('.ch1').removeClass('show') }, function() { $(this).find('i:first').addClass('hide') $(this).find('span:first').fadeIn('') $(this).find('.in-text').hide('').removeClass('show') var num = $(this).index('.in-jbk') + 1; $(this).find('.in-none').show().addClass('toRight' + num).removeClass('toLeft' + num) $(this).find('.ch1').addClass('show') }) $(".index-con .in-zxl").hover(function() { $(this).find('i:first').addClass('hide') $(this).find('span:first').hide('') $(this).find('.in-text').show().addClass('show') var nums = $(this).index('.in-zxl') + 1; $(this).find('.in-none').show().addClass('toLeft4').removeClass('toRight4') $(this).find('.ch2').removeClass('show') }, function() { $(this).find('i:first').addClass('hide') $(this).find('span:first').fadeIn('fast') $(this).find('.in-text').hide().removeClass('show') $(this).find('.in-none').show().addClass('toRight4').removeClass('toLeft4') $(this).find('.ch2').addClass('show') }); });

在线演示        积分下载        6毛下载        砍两刀下载