클릭 후 효과 질문입니다.

클릭 후 효과 질문입니다.

QA

클릭 후 효과 질문입니다.

본문

1888899041_1547165213.37.png

표시한 부분보시면 첫번째 선택되어있는 것 외 2,3번째는 흐릿합니다.

그리고 2번째를 클릭하면 1,3번째가 흐릿해지구요 이것은 css로 처리해야하는지....스크립트로 해결해야하는건지... 감이 오질 않아서요ㅠㅠ

이 질문에 댓글 쓰기 :

답변 4

onClick 이벤트 스크립트에 css혼합해서 처리해야 될것 같습니다.

w3school.com에 유사 예제들이 있습니다.

https://www.w3schools.com/jsref/event_onclick.asp

 

마우스 오버라면 자바스크립트+CSS 구요,
링크 이동 후 그냥 나오는 것이라면 CSS로만 처리가 되어 있을 겁니다.

탭메뉴로 되어 있어도 기본은 동일 합니다.
마우스를 오버(클릭)했을 때 이미지가 흐려지거나 굵어지면 javascript+css 구요.
오버했을 때 아무런 바뀜없으면 그냥 css만으로 되어 있을 겁니다.

즉 마우스 이벤트가 발생할 때 처리를 하고 싶다면 javascript + css 를 이용하셔야 하구요.
페이지가 변경된 상태에서 계속 그대로 있게 하고 싶다면 css로만 처리 가능하다는 뜻입니다.

탭메뉴라면 javascript로 addclass되었을수도 있습니다.

예를들어 탭들이 모두 투명도나 흐림도를 갖고있다가, 해당탭이 active라는 클래스를 갖고있다면 active클래스에서 흐림이나 투명도 1을 갖고있다던가 하는 경우도 있습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 123,127 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT