온오버 질문좀드리겠습니다.

온오버 질문좀드리겠습니다.

QA

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

온오버 질문좀드리겠습니다.

본문

안녕하세요 질문좀드리겠습니다

게시판 분류처럼 클릭시 css 로 메뉴 색변화를 하고싶은데요 

방법좀 알려주시면 감사하겠습니다 ㅜㅜ

 

<ul id="ssch_sort">
        <li><a href="<?php echo $sct_sort_href; ?>it_sum_qty&sortodr=desc">판매많은순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=asc">낮은가격순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=desc">높은가격순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_use_avg&sortodr=desc">평점높은순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_use_cnt&sortodr=desc">후기많은순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_update_time&sortodr=desc">최근등록순</a></li>
    </ul>

 

 

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 2

채택됨

쵸파님의 답변

jquery로 해보았습니다.

 

<style>
.active {background:#e2e2e2;}
</style>
 
<script type="text/javascript">
$('document').ready(function() {
$('#sch_sort').on('click','li', function()
{
    if ($('ul#sch_sort li').hasClass("active")){
          $('ul#sch_sort li').removeClass("active");
          }
     $(this).addClass("active");
}
 
});
</script>
주소복사
채택됨
답변의 댓글

볼피드님의 답변

<style>
#sch_sort li:hover{background:#defef;} /*마우스 올렸을떄*/

#sch_sort li:active{background:#defef;} /*마우스 클릭헀을떄*/
</style>

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

회원로그인

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

© SIRSOFT