通过添加名字产生动画效果

@keyframes jt {                                                 设置名字为 jt 的动画

    0% {

        transform: translate(-50%);

        opacity: 0;

    }

 

    70% {

        transform: translate(-20%);

        opacity: 1;

    }

 

    100% {

        transform: translate(0);

        opacity: 0;

    }

}

 

.jt {                                                                class名为jt 运行 jt动画  动画速度1s  无线播放

    animation: jt   1s infinite;

}

 

 $('#lj1').hover(function(){               滑过id lj1 执行 添加 class jt

       $('#jt1').addClass('jt')

   },function(){                                  离开id lj1 执行 移除clssjt

    $('#jt1').removeClass('jt')

   }

   )