지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 지연 로딩을 구현하고 layer_javascript 기술을 숨기는 js 코드 위에 마우스를 올리세요.

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

WBOY
풀어 주다： 2016-05-16 17:20:20
원래의
1206명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

>< 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);
}
}

관련 라벨：
延迟加载
원천：php.cn
이전 기사：JS 타이머를 작성하는 방법은 무엇입니까? 특정 시간에 특정 프로그램을 실행하는 것입니다_javascript 기술 다음 기사：jQuery_jquery에서의 애니메이션 처리 요약
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
JavaScript를 사용하지 않고 클릭 시 이미지 소스를 동적으로 수정하는 CSS 전용 방법 img:active와 같은 CSS만 사용하여 마우스 클릭 시 이미지의 소스를 변경해야 합니다.{}
에서 2024-04-06 19:25:49
0
1
505
SCSS를 사용하여 기본값 및 CSS 변수 생성 웹사이트 스타일링을 구현하고 있습니다. 레거시 지원상의 이유로 적어도 한동안은 IE11을 지원해야 합니다. 작업 흐름과 제정신의 이유로 가능할 때마다 CSS 변수...
에서 2024-04-06 17:46:54
0
1
355
사이트에 CSS 스타일이 적용되지 않음 Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경...
에서 2024-04-06 17:12:23
0
1
336
고정 위치의 자식이 부모의 패딩을 무시함 고정 요소가 헤더 뒤로 이동하는 것을 방지하는 방법은 무엇입니까? 현재 코드 조각은 상위 항목에 padding-top을 사용합니다. 또한 추가 하위 항목에 mar...
에서 2024-04-06 11:42:51
0
1
338
배열, 구성 가능한 API에 객체 푸시 프로젝트가 있습니다. "크기"(대형, 소형) 및 수량(2/4/6)의 두 가지 선택 옵션이 있습니다. 각 옵션을 선택하면 선택 사항이 제목에 표시...
에서 2024-04-05 14:41:47
0
1
1526
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿