div hover闪烁？

Question

 <div id="left">
                    <a href="http://www.baidu.com"  target="_blank"><img id="c_Img1" style="width:493px;height: 300px;border-radius: 5px;" src="./image/news1.jpg"/></a>
                    <a><img class="pdf" src="./image/PDF.png"></a>
                    <div id="moveUp1">
                        <a href=""><h2>平台</h2></a>
                        <article class="mui-ellipsis">社会区域划分成不同的责任网格，作为社会管理的基本单元，构建网格化社会服务管理机制。充分运用大数据、云计算、物联网、移动互联网等现代科技手段，以“人、地、事、物、情、组织”等平安建设信息为基本内容，搭建资源共享、联动共管、全面覆盖、高速快捷、科学治理社会和服务民生的社会治理信息平台。</article>
                    </div>
                </div>
                
                 $(document).ready(function(event){
            $("#c_Img1").hover(function(event){
                console.log('h');
                event.stopPropagation();
                // $(".moveUp").style.cssText="position:absolute;top:100px;"
                // $("#moveUp").style.cssText="background-color:#cccccc;"
                // $("#moveUp1").css("background-color","red");
                // $("#moveUp1").attr("top","100px");
                $("#moveUp1").css("display","block");
                $("#moveUp1").addClass("moveUp");
                $("#moveUp1").removeClass("mui-ellipsis");
                $("#c_Img1").css("display","none");
                event.stopPropagation();
                event.preventDefault(); 
            },function(event){
                event.stopPropagation();
                event.preventDefault(); 
                $("#moveUp1").removeClass("moveUp");
                // $("#moveUp1").css("background-color","blue");
                $("#moveUp1").addClass("mui-ellipsis");
                $("#c_Img1").css("display","block");
                $("#moveUp1").css("display","none");
                // $("#c_Img1").css("display","none");
                // $("#moveUp1").addClass("moveOut");
                // $("#moveUp").css("top","1000px");
                // $("#moveUp").style.cssText="position:absolute;top:1000px;"
            });

        做出来的效果是一直闪烁,怎么解决？
            

Answer 1

使用 :hover 伪类，不要使用 jQuery hover方法，不然的话需要延时处理jQuery – 鼠标经过(hover)事件的延时处理