HTML에 롤오버 제출 버튼이 있습니다.
<input type="image" id="join" name="join" src="images/join.png" value="join">
그리고 롤오버 / 호버 기능에 JS 코드를 사용합니다.
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('#join').hover(
function(){
$(this).attr({ src : 'images/rollover/joinOver.png'});
},
function(){
$(this).attr({ src : 'images/join.png'}); }
);
});
</script>
Firefox와 IE를 제외한 모든 브라우저에서 잘 작동합니다. 일반 "제출"버튼 ( input type = "submit"
)을 추가하면 모든 곳에서 정상적으로 작동합니다.
type="submit"
HTML을 넣은 다음 CSS를 통해 마우스 오버 이미지 효과를 추가 하려고 시도했지만 (HTML 및 class
별도의 스타일 시트에서 사용 ) 작동하지 않습니다.
"모든"브라우저에서 작동하는 롤오버 버튼을 어떻게 가질 수 있습니까? (Chrome, FF, IE, Opera, Safari에서 테스트 됨)
명확히하기 위해 롤오버 이미지를 만드는 데 문제가 없지만 양식에 대한 "제출"버튼으로 작동하는 롤오버 이미지를 만듭니다 (PHP 스크립트 시작).
내 코드 는 모든 브라우저에서 롤오버를 표시 하지만 FF 및 IE에서 "제출"버튼으로 작동하지 않습니다 .
이것 좀 봐:
HTML :
<input type="submit" class="join" value="SEND"/>
jQuery :
$(document).ready(function(){
$(".join").hover(function(){
$(".join").toggleClass("newphoto");
});
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다