테스트 사이트 - 개발 중인 베타 버전입니다

클릭 후 효과 질문입니다. 채택완료

roro11 6년 전 조회 3,382

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

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

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트

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

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

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

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

r
roro11
6년 전
아...이말을 빼먹었네요 탭메뉴로 이루워져 있습니다...
뒷집돌쇠
6년 전
탭메뉴라고 하더라도 적용하는건 마찬가지입니다.
해당 단락(md추천 상품 html태그)에 onClick 이벤트를 적용하시면 됩니다.

댓글을 작성하려면 로그인이 필요합니다.

css로 important로 무조건 먹히는 방법도 있습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

아르키어드

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

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

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

6년 전

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

r
roro11
6년 전
아...이말을 빼먹었네요 탭메뉴로 이루워져 있습니다...
핫워드
6년 전
@roro11 탭메뉴로 되어 있어도 기본은 동일 합니다.
마우스를 오버(클릭)했을 때 이미지가 흐려지거나 굵어지면 javascript+css 구요.
오버했을 때 아무런 바뀜없으면 그냥 css만으로 되어 있을 겁니다.

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

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인