웹 프론트엔드 JS 튜토리얼 플로팅 레이어를 표시하기 위해 jquery 마우스가 그 위에 배치되고 위치가 지정된 div 레이어가 팝업됩니다.

플로팅 레이어를 표시하기 위해 jquery 마우스가 그 위에 배치되고 위치가 지정된 div 레이어가 팝업됩니다.

May 16, 2016 pm 04:51 PM
위치

复제대码 代码如下:

<script 언어="javascript" src="jquery-1.4. 2.min.js"></script>
<스크립트>
function show(obj,id) {
var objDiv = $("#" id "");
$(objDiv).css("표시","차단");
$(objDiv).css("왼쪽", event.clientX);
$(objDiv).css("top", event.clientY 10);
}
function hide(obj,id) {
var objDiv = $("#" id "");
$(objDiv).css("표시", "없음");
}
</script>

<!--http://www.ablanxue.com/prone_3421_1.html-->

<div id="mydiv1" style="position:absolute;display:none;border:1px solid silver; background:silver;">
提示1效果
</div>
<div id="mydiv2" style="position:absolute;display:none;border:1px Solid Silver;Background:silver;">
提示2效果
</div>

<a id="t1" onMouseOver="javascript:show(this,'mydiv1');" onMouseOut="hide(this,'mydiv1')">鼠标放上去1</a>
<br><br><br><br><br>
<a id="t2" onMouseOver="javascript:show(this,'mydiv2');" onMouseOut="hide(this,'mydiv2')">鼠标放上去2</a>
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Apple 무선 이어폰을 분실한 경우 찾는 방법_Apple 무선 이어폰 찾는 방법 Apple 무선 이어폰을 분실한 경우 찾는 방법_Apple 무선 이어폰 찾는 방법 Mar 23, 2024 am 08:21 AM

Apple 무선 이어폰을 분실한 경우 찾는 방법_Apple 무선 이어폰 찾는 방법

WordPress 플러그인을 사용하여 즉각적인 위치 지정 기능을 구현하는 방법 WordPress 플러그인을 사용하여 즉각적인 위치 지정 기능을 구현하는 방법 Sep 05, 2023 pm 04:51 PM

WordPress 플러그인을 사용하여 즉각적인 위치 지정 기능을 구현하는 방법

Amap에서 상대방 휴대폰 위치 찾는 방법 - Amap에서 상대방 휴대폰 위치 찾는 방법 Amap에서 상대방 휴대폰 위치 찾는 방법 - Amap에서 상대방 휴대폰 위치 찾는 방법 Apr 01, 2024 pm 02:11 PM

Amap에서 상대방 휴대폰 위치 찾는 방법 - Amap에서 상대방 휴대폰 위치 찾는 방법

Huawei 휴대폰을 분실한 후 신속하게 위치를 찾는 방법은 무엇입니까? Huawei 휴대폰을 분실한 후 신속하게 위치를 찾는 방법은 무엇입니까? Mar 24, 2024 am 08:48 AM

Huawei 휴대폰을 분실한 후 신속하게 위치를 찾는 방법은 무엇입니까?

유니앱에서 지도 및 위치 기능을 사용하는 방법 유니앱에서 지도 및 위치 기능을 사용하는 방법 Oct 16, 2023 am 08:01 AM

유니앱에서 지도 및 위치 기능을 사용하는 방법

Go 언어 개발 시 메모리 누수 위치 문제를 해결하는 방법 Go 언어 개발 시 메모리 누수 위치 문제를 해결하는 방법 Jul 01, 2023 pm 12:33 PM

Go 언어 개발 시 메모리 누수 위치 문제를 해결하는 방법

Word에서 콘텐츠 페이지를 삭제하는 방법 소개 Word에서 콘텐츠 페이지를 삭제하는 방법 소개 Mar 26, 2024 am 10:06 AM

Word에서 콘텐츠 페이지를 삭제하는 방법 소개

위치정보 변경 방법 및 주소 수정 방법 위치정보 변경 방법 및 주소 수정 방법 Mar 12, 2024 pm 09:52 PM

위치정보 변경 방법 및 주소 수정 방법

See all articles