silbings 아오 정보
silbings 아오![](http://sir.kr/data/member_image/cc/cclass.gif?1513570767)
본문
탭 제이쿼리 새로 짜는데 이상하게 siblings 쓴 라인이 들어가면 동작이 안 돼서 왜 그런가 하고 이리 뒤적 저리 뒤적 10분 정도 헤매다가 빡쳐서(ㅡㅡ;;) 아씨 안해! 그러는데 떡하니 보이는 오타...
siblings 를 silbings 라고 써놓고... 동작 안한다고...
제이쿼리 후지다고...
크롬 꼴았다고...
남의 탓을 한 제 자신을 급반성해봅니다.
스크립트 필요하신 분 계시면 사용하세요. ^^;;
더 다듬어 주셔도 좋구요... ㅎㅎㅎ
<style>
.ms-tab {position:relative}
.ms-tab-tit a {border:1px solid #dce5ef}
.ms-tab-item {display:none;position:absolute;border:1px solid #dce5ef}
.ms-tab-on {display:block;background:#fff}
</style>
<div class="ms-tab">
<h2 class="ms-tab-tit ms-tab-on"><a href="#none" class="ms-tab-tit-a">TAB01</a></h2>
<div class="ms-tab-item ms-tab-on">
1
</div>
<h2 class="ms-tab-tit"><a href="#none" class="ms-tab-tit-a">TAB02</a></h2>
<div class="ms-tab-item">
2
</div>
<h2 class="ms-tab-tit"><a href="#none" class="ms-tab-tit-a">TAB03</a></h2>
<div class="ms-tab-item">
2
</div>
<h2 class="ms-tab-tit"><a href="#none" class="ms-tab-tit-a">TAB04</a></h2>
<div class="ms-tab-item">
2
</div>
<h2 class="ms-tab-tit"><a href="#none" class="ms-tab-tit-a">TAB05</a></h2>
<div class="ms-tab-item">
2
</div>
</div>
<script>
$(function(){
var $ms_tab_tit = $(".ms-tab-tit");
$ms_tab_tit.bind("mouseover focusin", function(){
var $this = $(this);
$this.siblings(".ms-tab-on").removeClass("ms-tab-on");
$this.addClass("ms-tab-on");
$this.next(".ms-tab-item").addClass("ms-tab-on");
});
});
</script>
탭 이름을 이미지로 쓰고 싶다면
http://minsup.kr/bbs/board.php?bo_table=study01&wr_id=6 을 참조... (여기에 관련내용 계속 업데이트) ^^;;
댓글 전체
![](http://sir.kr/data/member_image/on/onlygiddy.gif?1355390446)
뭘 아는게 있어야 댓글도 달고 할텐데... 죄송합니다... 그래서 첫 댓글은 달고 싶어서...
![](http://sir.kr/data/member_image/cc/cclass.gif?1513570767)
잘 아시면서... ^^;;
![](http://sir.kr/data/member_image/an/anunnaki8.gif?1707322936)
이걸 팁으로 올려 놓고 채크포인트도 높이시고 하시면...아? 채크포인트가 이미 과잉포인트이신가요?
![](http://sir.kr/data/member_image/cc/cclass.gif?1513570767)
아하?!
저기다 아이디나 클래스 조금만 붙이면 쓰고 싶은 데로 쓸 수 있어서 내심 굉장히 만족하고 있는 중입니다. ㅎㅎㅎ
저기다 아이디나 클래스 조금만 붙이면 쓰고 싶은 데로 쓸 수 있어서 내심 굉장히 만족하고 있는 중입니다. ㅎㅎㅎ
![](http://sir.kr/data/member_image/an/anunnaki8.gif?1707322936)
자기야? 만족케?
![](http://sir.kr/data/member_image/cc/cclass.gif?1513570767)
이상하게 욕 같네욬ㅋㅋ
![](http://sir.kr/data/member_image/dl/dlgkstmd.gif?1392925630)
씨블링스가 더 욕같애요 ㅋㅋㅋㅋ
![](http://sir.kr/data/member_image/fo/fosinger.gif?1235120437)
그저 엎드려 소스 감사 인사만...
(BY 뭘 아는 게 있어야2)
(BY 뭘 아는 게 있어야2)
![](http://sir.kr/data/member_image/cc/cclass.gif?1513570767)
다진 양파를 고추장 소스에 넣으신 다음 지지고 볶아서 부어 드시면 됩니다. ㅠ
![](http://sir.kr/data/member_image/fo/fosinger.gif?1235120437)
아, 소스사용법! 친절한 AS까지!
![](http://sir.kr/data/member_image/mi/minisoya.gif?1442328065)
저도 같은 경험이..
![](http://sir.kr/data/member_image/cc/cclass.gif?1513570767)
5타 없는 세상서 살고 싶어요.
![](http://sir.kr/data/member_image/ca/cap1110.gif?1351612401)
탭은 css만으로 구성된 탭이 낳던데..
아닌가...흠.
아닌가...흠.
![](http://sir.kr/data/member_image/cc/cclass.gif?1513570767)
뭐라고 드릴 말씀이 없네요. ㅎㅎㅎ