>웹 프론트엔드 >JS 튜토리얼 >지연 로딩을 구현하고 layer_javascript 기술을 숨기는 js 코드 위에 마우스를 올리세요.

지연 로딩을 구현하고 layer_javascript 기술을 숨기는 js 코드 위에 마우스를 올리세요.

WBOY
WBOY원래의
2016-05-16 17:20:201213검색
코드 복사 코드는 다음과 같습니다.

>< a href="#" onmouseover="showPlusMobile();" onmouseout="hidePlusMobile();" class="btn"> 팔로우

숨겨진 레이어입니다

/div>


css:


코드 복사 코드는 다음과 같습니다. .layer_follow
{
display:none
}


js:


코드 복사 코드는 다음과 같습니다. var isPlusMobileVisible=false;
var showTid;
var hideTid; >if(isPlusMobileVisible == false) {
showTid = setTimeout("document.getElementById('layer_follow').style.display='block'; isPlusMobileVisible=true;", 500)else{
clearTimeout(hideTid)
}
}
function hidePlusMobile(){
if(isPlusMobileVisible == true) {
hideTid = setTimeout("document.getElementById('layer_follow') .style.display='none'; isPlusMobileVisible=false;", 500);
}else {
clearTimeout(showTid);
}
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.