Mouse over display QR code

$ (document). Ready (function(){    vart,t1; $(". Side ul Li.code-wrap"). Hover (function(){        var_this = $ ( This);        Cleartimeout (t1); T= SetTimeout (function() {_this.find ('. Popup '). Show (); },300)    },function(){        var_this = $ ( This);        Cleartimeout (t); T1=settimeout (function() {_this.find ('. Popup '). Hide (); },100)    });});

<Liclass= "Code-wrap">            <ahref="#"><Divclass= "Sidebox"><imgsrc=".. /assets/img/icon_code.png ">Two-dimensional code</Div></a>            <Divclass= "Popup">                <aclass= "Code-link">                    <imgclass= "Code"src=".. /assets/img/weixin_code.png ">                </a>                <span>Gazhen as a friend</span>                <Divclass= "Arr"></Div>            </Div>        </Li>

. Popup{Display:None;position:Absolute; Left:-180px;Bottom:0;text-align:Center;Border-radius:2px;width:170px;Height:200px;background:#fff;Box-shadow:0 1px 8px rgba (0,0,0,.1);font-size:14px;. code-link {display:Block;margin:10px;Color:#777;. code {display:Block;Margin-bottom:10px; }}. Arr{position:Absolute; Right:-6px;Bottom:14px;width:6px;Height:11px;background:URL (.. /img/code_arrow.png) 0 0 no-repeat; }            }

Mouse over display QR code