6.14

一  mouseover和click执行了同一个事件但mouseleave把事件样式去掉

$('.bg nav ul li div').click(function(){//navvar preli =$(this).parent('li').prevAll('li');//其他换为蓝色var prelilength = $(this).parent('li').prevAll('li').length;for(var i=0;i<prelilength;i++){preli.eq(i).find('img').attr('src',"img/xp-bluecir.png");}var nextli =$(this).parent('li').nextAll('li');var nextlilength = $(this).parent('li').nextAll('li').length;for(var i=0;i<nextlilength;i++){nextli.eq(i).find('img').attr('src',"img/xp-bluecir.png");}$('[cur]').removeAttr('cur');$(this).attr('cur','cur');if($(this).find('img').attr('src')!='img/xp-redcircle.png'){$(this).find('img').attr('src',"img/xp-redcircle.png");}})$('.bg nav ul li div').mouseover(function(){if($(this).find('img').attr('src')!='img/xp-redcircle.png'){$(this).find('img').attr('src',"img/xp-redcircle.png");}})$('.bg nav ul li div').mouseleave(function(){if(!$(this).attr('cur'))$(this).find('img').attr('src',"img/xp-bluecir.png");})

二 分页样式制作

$('.count li').click(function(){$('.count .clicked').removeClass('clicked');$(this).addClass('clicked');})$('.pre').click(function(){var curindex = $('.count .clicked').index();if(curindex!=0){$('.count .clicked').prev().addClass('clicked');$('.count').find('li').eq(curindex).removeClass('clicked');}})$('.next').click(function(){var curindex = $('.count .clicked').index();$('.count .clicked').next().addClass('clicked');$('.count').find('li').eq(curindex).removeClass('clicked');})$('.count li,.pre,.next').mouseover(function(){$(this).css('background','#dfdfdf')})$('.count li,.pre,.next').mouseleave(function(){$(this).css('background','#ecedef')})