마우스로 이미지를 변경하십시오.

-4

<img onmouseover="http://www.habbohut.com/_images/_content/_habbohut/facebook_sign2.png" 
    align="right" 
    alt="facebook" 
    name="facebook" 
    width="231" 
    height="231" 
    border="0" 
    id="facebook" 
    style="margin-top: -12px; margin-right: -60px;">

작동하지 않습니다. 깨진 이미지가 아니라 이미지를 표시하지 않는 상자로 제공됩니다. 나는 그것을 나의 웹 사이트에 추가하고있다, 내가 그것을 틀린 장소에 넣을 수 있었느냐? 또한, 내 포럼 래퍼에 넣고 이미지가 표시되고 이미지 위에 마우스를 올려 놓으면 이미지 2가 도움이됩니다. 당신이 마우스 오버에 변경할 수있는 이미지를하려는 경우마우스로 이미지를 변경하십시오.

출처

2014-12-13 Absorption

이 필요합니다? –

코드 : IT를 식별 할 수 있도록하십시오 : P –

내 코드가 잘못되었습니다. 나를 – Absorption

, 당신은이를 사용할 수 있습니다

this.src='something'

<img onmouseover="this.src='http://www.habbohut.com/_images/_content/_habbohut/facebook_sign.png'" 
 
    onmouseout="this.src='http://www.habbohut.com/_images/_content/_habbohut/facebook_sign2.png'" 
 
    src="http://www.habbohut.com/_images/_content/_habbohut/facebook_sign2.png" 
 
    align="right" 
 
    alt="facebook" 
 
    name="facebook" 
 
    width="231" 
 
    height="231" 
 
    border="0" 
 
    id="facebook" 
 
    style="margin-top: -12px; margin-right: -60px;">

이 something에 이미지 SRC를 설정합니다.

그러나 CSS를 사용하여 배경 이미지로 사용하면 자바 스크립트없이 작동합니다.

출처

2014-12-13 09:11:56 MightyPork

설명은 토론을위한 것이 아니다; 이 대화는 [채팅으로 이동되었습니다] (http://chat.stackoverflow.com/rooms/66816/discussion-on-answer-by-mightypork-change-image-on-mouse-over). – Taryn

인라인 스타일 코드가 너무 복잡해지기 때문에 CSS를 사용하십시오.

이 같은 그것을 할 뭔가를 좋은 방법을 수행 할 경우

#facebook { 
 
    background: url("http://www.habbohut.com/_images/_content/_habbohut/facebook_sign2.png") no-repeat; 
 
    width: 231px; 
 
    height: 231px; 
 
    margin-top: -12px; 
 
    margin-right: -60px; 
 
} 
 
#facebook:hover { 
 
    background: url("http://www.habbohut.com/_images/_content/_habbohut/facebook_sign.png") no-repeat; 
 
}

<div id="facebook"></div>

출처

2014-12-13 15:24:17

감사합니다. – Absorption

이 바로하지만 코드 당신 IMG 스크립트 나던 최종보고에서하지 않을 수 있습니다.

당신은`it`가있는 무엇을 작동하지됩니다 />

출처

2014-12-13 22:58:02

** HTML4 **에는 자체 마감 요소가 없으며 '/>'는 완전히 다른 것을 의미합니다. ** HTML5 **에서 [시작 태그]의// 문자 (http://www.w3.org/html/wg/drafts/html/master/syntax.html#start-tags)는 아무런 영향을 미치지 않습니다. [void 요소] (http://www.w3.org/html/wg/drafts/html/master/syntax.html#void-elements) (예 :'img'). –

그래서// 추가해야합니까? – Absorption

그게 내가 시도 할 것이지만, 다시 할 수 있다면 확실하지 않다. –

마우스로 이미지를 변경하십시오.

답변

관련 문제