-
한개 버튼으로 이미지 활성화하기 (feat.starcraft)JavaScript 혼자하기/Js 활용 2020. 11. 12. 01:37
//제이쿼리 불러오기 <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script> <body> <img id="1" src="cloaking.png" alt="cloaking"> <img id="2" src="wraith.png" alt="wraith"> </body><script> $(document).ready(function () { $("#1").click(function () { $("#2").toggle(); }); }); </script>★ 이미지는 아무거나 넣어도 상관없음
- 만들어지 소스를 가져오는 건 사용법 출처확인하기 (상업적 활용가능한지 확인하고 가져오기)
toggle / click
- fade 로 대체가능 ( 서서히 사라지는 효과 )
출처 : 조코딩 youtu.be/z2Cu7gPMq0w