클릭시 배경 이미지 교체

Daugaard47

마우스를 가져 가면 작동하는 애니메이션을 만들지 만 모바일상의 이유로 사용자가 클릭하거나 터치 할 때 애니메이션이 재생되기를 원합니다.

여기에 마우스 오버를 작동시키는 js 코드가 있지만 onclick 작동 방법을 모르겠습니다.

$(document).ready(function() {     
    $('.phone').hover(function(){     
        $('.phone').addClass('phone-two');    
    },     
    function(){    
        $('.phone').removeClass('phone-two');     
    });
}); 

여기에 더 잘 설명 하는 JSFiddle 이 있습니다.

모든 이벤트를 바인딩하려면 다음을 사용하십시오.

$('.phone').on("mouseover click touchstart touchend",function(){
    $('.phone').toggleClass('phone-two');    
});

참조 : http://api.jquery.com/on/

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

다른 경우 자바 스크립트로 이미지 클릭시 이미지 교체

분류에서Dev

마우스 오버시 CSS 배경 이미지 교체

분류에서Dev

마우스 클릭시 JS 이미지 교체

분류에서Dev

<a> 태그 클릭시 <li>의 배경 이미지 변경

분류에서Dev

클릭시 이미지 변경 시도

분류에서Dev

ng-click이 작동하지 않음, 클릭시 이미지 교체 시도

분류에서Dev

img 교체 및 클릭시 변경 기능에 대한 링크 유지

분류에서Dev

클릭시 다른 개체와 함께 변경되는 이미지 만들기

분류에서Dev

src 변경시 이미지를 자리 표시 자로 교체

분류에서Dev

클릭시 전체 화면 이미지

분류에서Dev

메인 이미지를 클릭 한 이미지로 교체

분류에서Dev

클릭시 이미지 버튼의 배경색 설정

분류에서Dev

JQuery-클릭시 다른 배경 이미지 바꾸기

분류에서Dev

클릭시 이미지 변경 방법

분류에서Dev

URL 클릭시 JQuery 이미지 변경

분류에서Dev

클릭시 이미지 변경

분류에서Dev

RecyclerView 클릭시 이미지 변경

분류에서Dev

상태 변경시 버튼 이미지 교체

분류에서Dev

화면 해상도 변경시 이미지 태그 교체

분류에서Dev

버튼 클릭시 마스터 페이지의 배경 이미지 URL 변경

분류에서Dev

이미지 또는 iframe (Vimeo) 클릭시 div의 콘텐츠 교체

분류에서Dev

Retina 지원 장치의 배경 이미지 교체

분류에서Dev

버튼 클릭시 배경 이미지 변경 안드로이드 앱 개발

분류에서Dev

클릭시 이미지 이미지 변경 및 호출 기능

분류에서Dev

IsEnabled에서 WPF 단추 스타일 배경 이미지 교체

분류에서Dev

CSS + Javascript 다른 배경 이미지 교체

분류에서Dev

Android.ImageButton : 배경 이미지 순환 교체

분류에서Dev

스크롤 뷰의 이미지 변경 또는 이미지 배열 교체

분류에서Dev

마우스를 가져 가면 페이드 효과로 이미지를 변경 한 후 div를 클릭 할 때 이미지 교체

Related 관련 기사

  1. 1

    다른 경우 자바 스크립트로 이미지 클릭시 이미지 교체

  2. 2

    마우스 오버시 CSS 배경 이미지 교체

  3. 3

    마우스 클릭시 JS 이미지 교체

  4. 4

    <a> 태그 클릭시 <li>의 배경 이미지 변경

  5. 5

    클릭시 이미지 변경 시도

  6. 6

    ng-click이 작동하지 않음, 클릭시 이미지 교체 시도

  7. 7

    img 교체 및 클릭시 변경 기능에 대한 링크 유지

  8. 8

    클릭시 다른 개체와 함께 변경되는 이미지 만들기

  9. 9

    src 변경시 이미지를 자리 표시 자로 교체

  10. 10

    클릭시 전체 화면 이미지

  11. 11

    메인 이미지를 클릭 한 이미지로 교체

  12. 12

    클릭시 이미지 버튼의 배경색 설정

  13. 13

    JQuery-클릭시 다른 배경 이미지 바꾸기

  14. 14

    클릭시 이미지 변경 방법

  15. 15

    URL 클릭시 JQuery 이미지 변경

  16. 16

    클릭시 이미지 변경

  17. 17

    RecyclerView 클릭시 이미지 변경

  18. 18

    상태 변경시 버튼 이미지 교체

  19. 19

    화면 해상도 변경시 이미지 태그 교체

  20. 20

    버튼 클릭시 마스터 페이지의 배경 이미지 URL 변경

  21. 21

    이미지 또는 iframe (Vimeo) 클릭시 div의 콘텐츠 교체

  22. 22

    Retina 지원 장치의 배경 이미지 교체

  23. 23

    버튼 클릭시 배경 이미지 변경 안드로이드 앱 개발

  24. 24

    클릭시 이미지 이미지 변경 및 호출 기능

  25. 25

    IsEnabled에서 WPF 단추 스타일 배경 이미지 교체

  26. 26

    CSS + Javascript 다른 배경 이미지 교체

  27. 27

    Android.ImageButton : 배경 이미지 순환 교체

  28. 28

    스크롤 뷰의 이미지 변경 또는 이미지 배열 교체

  29. 29

    마우스를 가져 가면 페이드 효과로 이미지를 변경 한 후 div를 클릭 할 때 이미지 교체

뜨겁다태그

보관