이전 목록 다음
채택완료

클릭 후 효과 질문입니다.

roro11
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-11 (금) 09:08:42 3,739

1888899041_1547165213.37.png

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

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

그누보드5
|

답변 4개 / 댓글 4개

채택된 답변
+20 포인트
뒷뒷집돌쇠
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-11 (금) 09:17:43

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

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

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

답변에 대한 댓글 2개

roro11
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-11 (금) 11:20:43
아...이말을 빼먹었네요 탭메뉴로 이루워져 있습니다...
뒷집돌쇠
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-11 (금) 11:24:06
탭메뉴라고 하더라도 적용하는건 마찬가지입니다.
해당 단락(md추천 상품 html태그)에 onClick 이벤트를 적용하시면 됩니다.
나이지라이야
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-13 (일) 21:38:19

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

아르키어드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-11 (금) 14:54:01

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

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

핫핫워드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-11 (금) 09:14:56

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

답변에 대한 댓글 2개

roro11
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-11 (금) 11:20:35
아...이말을 빼먹었네요 탭메뉴로 이루워져 있습니다...
핫워드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-11 (금) 11:25:24
@roro11 탭메뉴로 되어 있어도 기본은 동일 합니다.
마우스를 오버(클릭)했을 때 이미지가 흐려지거나 굵어지면 javascript+css 구요.
오버했을 때 아무런 바뀜없으면 그냥 css만으로 되어 있을 겁니다.

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

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