CSS 질문 드립니다.
본문
현재 페이지 에서 특정 링크를 자동으로 focus 된 상태로 하려면 어떻게 해야 할까요?
그러니까, 마우스 롤오버된 상태이죠..
답변 2
클래스를 하나 만듭니다
.sel {
background:blue;
border:1px dotted #000;
}
머 이런 식으로 만드셧다면 아무거나 하나에 클래스를 주면 되겠지요
<ul>
<li class="sel">aaaaa</li>
<li>bbbbb</li>
<li>cccccc</li>
</ul>
위 식의 메뉴 경우 모든 페이지에 붙여 넣고 원하는 탭에만 클래스 변경하는 방법으로 진행하실 경우 한번 링크나 수정할라면 여간 골치 아픈게 아니더라구요
그래서 저 위 소스를 인클루드 하신 다음 제이 쿼리로
$(document).ready(function(){ $(".클레스").eq(6).addClass("오버시킬클레스"); });
각 페이지 별로 붙여 넣고 eq(1) <-- 요 부분이 같은 클래스명 중 몇번째 클래스에
addClass <-- 해당 클래스에 클래스명 추가
즉 위 코드 예를 들면 class="클레스 오버시킬클레스"로 페이지가 로드되면 바꿔 주라는 것입니다.
요거 자주 쓰이니까 한번 봐두세요~
순서는 1~9 가 아니라 0~9 입니다. 0이 첫번째
그래서 프로그램을 사용을 하는 것이지요
<?
$a = "";
switch(현재값)
{
case 선택할값 : $a = "class='sel'";
break;
default : 기본으로 넣을 값 ;
}
?>
대충 머 이런식으로 넣어주면 간단해 지죠