클릭 후 효과 질문입니다.

클릭 후 효과 질문입니다.

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

클릭 후 효과 질문입니다.

본문

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을 갖고있다던가 하는 경우도 있습니다.

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 33,226
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT