묻고답하기
hover 했을시 다른 class 동작 하는 css
2017.02.02 12:39
#gnb .a1:hover { background-color:#fff;color: #000;text-decoration: none; font-weight:bold;}
#gnb .me1:hover { border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;display:inline-block;height:36px;}
이렇게 두개가 있을때
.a1 이 hover될시
.me1에 { border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;display:inline-block;height:36px;}
이거 적용시키는 방법 없나요?
태그 연관 글
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. *1
- [2018/08/16] 묻고답하기 레이아웃 설치 후 게시판에러
- [2017/02/02] 묻고답하기 2차 메뉴 열릴시 1차 메뉴 크기확장 안되게 하려면 어떻게 해야할까요? *1
- [2016/12/21] 묻고답하기 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 *1
댓글 3
-
홍찬
2017.02.02 16:17
<p class="me1" >{$val1['link']}</p>
html에는 이렇게 만들어져 있습니다.
include 된 js에
jQuery('.a1').on('mouseover',function() {jQuery(.me1).addClass('css');});이렇게 넣으면되는건가요?
CSS는 어떻게 처리해둬야할까요?
답변을 제대로 이해를 못했습니다.. -
HowtoXE
2017.02.02 18:33
위의 예제 코드를 인클루드된 JS파일 또는 템플릿에 삽입하세요.
jQuery의 mouseover 또는 hover 메소드를 이용해서 css를 변경하실 수 있다는 이야기입니다. 이 부분은 CSS파일을 건드리실 필요는 없습니다.
jQuery를 이용한 방법이 있습니다.
me1에 추가될 요소가 있는 class를 하나 더 만든다음 아래와 같이 해 보세요.
jQuery('.a1').on('mouseover', function() { jQuery(.me1).addClass('css'); });