在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ div hover閃爍?

div hover閃爍?

 <div id="left">
                    <a   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">社會區(qū)域劃分成不同的責(zé)任網(wǎng)格,作為社會管理的基本單元,構(gòu)建網(wǎng)格化社會服務(wù)管理機(jī)制。充分運(yùn)用大數(shù)據(jù)、云計算、物聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)等現(xiàn)代科技手段,以“人、地、事、物、情、組織”等平安建設(shè)信息為基本內(nèi)容,搭建資源共享、聯(lián)動共管、全面覆蓋、高速快捷、科學(xué)治理社會和服務(wù)民生的社會治理信息平臺。</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;"
            });
        做出來的效果是一直閃爍,怎么解決?
            
回答
編輯回答
夏夕

使用 :hover 偽類,不要使用 jQuery hover方法,不然的話需要延時處理jQuery – 鼠標(biāo)經(jīng)過(hover)事件的延時處理

2018年6月17日 11:05