$(function () {
$(".btn").on("mouseover",function(){
$(this).attr("src", $(this).attr("src").replace("images", "images/hover"));
});
$(".btn").on("mouseleave",function(){
$(this).attr("src", $(this).attr("src").replace("images/hover", "images"));
});
});
위의 코드는 사용자가 버튼에 마우스를 올려 놓을 때 이미지를 변경하는 방법으로 사용자가 버튼을 클릭하면 다른 페이지로 리디렉션됩니다. 그리고 Html 요소는 다음과 같습니다.
<a href="product.php"><img class="btn" src="images/index_03.gif" /></a>
문제는 경로가 정확하다고 확신하지만 사용자가 버튼을 클릭하면 다음 페이지를로드하는 동안 또는 어떤 경우에는 이미지 위로 마우스를 가져 가면 마우스를 올린 이미지가 표시되지 않지만 링크가 끊어집니다. , 그 이유와 해결 방법은 무엇입니까? 도움 감사합니다
$(this).attr("src", $(this).attr("src").replace("images/hover", "images"));
이 코드는 매번 (또는 캐시에서) 이미지를 다시로드합니다.
따라서 다른 데이터도 동시에로드되므로 페이지로드 중에 onhover 이미지로드가 느려지거나 손상됩니다.
더 빠른 결과를 얻으려면 두 이미지를 동시에 같은 위치에로드하고 마우스 오버시 표시 / 숨기기를 권장합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다