묻고답하기
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파일을 건드리실 필요는 없습니다.
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| BEO |
슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다
[6]
 | 2022.06.17 by 인천한량 |
| 립샤 | 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 [1] | 2018.10.15 by 르미 |
| 홍찬 |
2차 메뉴 열릴시 1차 메뉴 크기확장 안되게 하려면 어떻게 해야할까요?
[1]
| 2017.02.03 by DoorWeb |
| 홍찬 | hover 했을시 다른 class 동작 하는 css [3] | 2017.02.02 by HowtoXE |
| 마이미2 | 2차 메뉴를 가로로 나타나게 하려고 합니다. [2] | 2016.07.15 by 마이미2 |
| 홍찬 |
메인 메뉴 크기 정렬 CSS 수정 방법
[1]
| 2016.05.07 by DoorWeb |
| 초옹무 | 메인메뉴 가운데 정렬 문으 드립니다. [2] | 2015.07.13 by 초옹무 |
| 동그라 |
제발 도와주세요ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
[6]
| 2015.04.27 by 동그라 |
| 스물일곱개의당근 |
z-index 가 안먹히는 이유가 무엇일까요? (사진첨부)
[3]
| 2015.04.09 by BJ람보 |
| 몽그린 |
슬라이더가 아래에 깔리고 gnb가 위에 뜬 레이아웃
[1]
| 2015.02.17 by DoorWeb |
| 오쏭 |
xe 메인메뉴 2차3차 펼쳐지는 것에 관해서 질문드립니다.
[3]
| 2015.02.12 by 몽그린 |
jQuery를 이용한 방법이 있습니다.
me1에 추가될 요소가 있는 class를 하나 더 만든다음 아래와 같이 해 보세요.
jQuery('.a1').on('mouseover', function() { jQuery(.me1).addClass('css'); });