>웹 프론트엔드 >JS 튜토리얼 >jquery는 웹사이트 하이퍼링크와 그림 프롬프트 효과를 구현합니다._jquery

jquery는 웹사이트 하이퍼링크와 그림 프롬프트 효과를 구현합니다._jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 17:39:441147검색

하이퍼링크 프롬프트 효과:

코드 복사 코드는 다음과 같습니다.

"; //div 요소 생성
$("body").append(tooltip); //문서에 추가
$("#tooltip")
.css({
"top": (e.pageY y) "px",
"left": (e.pageX x) "px"
}).show("fast ") ; //x 좌표와 y 좌표를 설정하고 표시
}).mouseout(function(){
this.title = this.myTitle;
$("#tooltip").remove (); //제거
}).mousemove(function(e){
$("#tooltip")
.css({
"top": (e.pageY y) " px" ,
"left": (e.pageX x) "px"
});
});
})
//]]>

그림 프롬프트 효과:
코드 복사 코드는 다음과 같습니다.

"; //div 요소 생성
$("body").append(tooltip); //문서에 추가
$ ("#tooltip ")
.css({
"top": (e.pageY y) "px",
"left": (e.pageX x) "px"
} ).show( "fast"); //x 좌표와 y 좌표를 설정하고
}).mouseout(function(){
this.title = this.myTitle;
$(" #tooltip").remove(); //제거
}).mousemove(function(e){
$("#tooltip")
.css({
"top": ( e.pageY y ) "px",
"left": (e.pageX x) "px"
})
})
//]]> ;
스크립트>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.