鼠标划过li渐变切换图片遇到的问题

1. 需求：ul下有10和li ，鼠标划过不同的里，banner里对应渐变切换不同的图片、网页加载时显示第一张
   
2. 遇到的问题：图片渐变有fadeOut、fadeIn解决，但是鼠标划过第一张图片时也会执行动画、看到的效果就是闪一下，现                        在需要加一个判断条件，当鼠标第一次划到第一个li时不执行图片切换，当从别的li回到第一个li时之星动画切                      换。
   
3. 解决：布尔值判断。
   
4. 
   

var judge = true;
$(".adList").on("mouseenter","a",function(){
    var adListIndex = $(this).index();
    if(judge == false){
        $(".ad_pic li a").fadeOut();
        $(".ad_pic li a").eq(adListIndex).fadeIn();
    }
    if(adListIndex == 0){
        judge = false
    }
});

adList：文字ul（动态生成）

adListIndex：文字li索引

ad_pic li a：图片

注意两个if顺序错了会出问题。