그림을 클릭하여 이전 또는 다음으로 이동하는 기능을 구현하는 jQuery 코드 picture_jquery

if(positionX<=$(this).width()/2)/ /마우스의 현재 상대 x 좌표가 그림 너비의 절반보다 작을 때 실행
{
$('p').remove();//p 태그 제거
$(' a').attr('href','http
//www.google.cn');//링크를 변경하려면 a 태그의 href 속성을 수정하세요.
tipTitle='Google'
}
else
{
$('p').remove( )
$('a').attr('href','http
//www.baidu .com');
tipTitle='Baidu';
}
$ ("body").append("

"tipTitle "

" );//프롬프트 기능을 구현하려면 body 태그에 이 p 태그를 추가하세요
$(" #tooltip").css("top",(e.pageY - xOffset) "px")//CSS 스타일 설정 ID가 tooltip
인 요소의 경우.css("left",(e.pageX yOffset) " px")
.fadeIn("fast");//애니메이션 효과 추가
},
function(){
$("#tooltip").remove();//마우스 이동 툴팁이 제거되면 툴팁을 제거하여 팁과 마우스의 상대적 위치가 변경되지 않도록 합니다
}) ;
$("img").mouseout(function(e){
$("#tooltip").remove( );//마우스가 img 밖으로 이동할 때 툴팁이 더 이상 표시되지 않습니다. 태그를 제거하려면 제거 기능을 사용하세요
})
$(document).ready(function(){
$ ('img').css('border', '없음');
tooltip()
});