개인공간

[제이쿼리] 탭/탭자동이동 본문

IT정보/jQuery_javaScript

[제이쿼리] 탭/탭자동이동

천재소년s 2015. 4. 6. 10:01
반응형


	.diyZoneWrap #diyZoneList.diyzoneTab .zoneSection{padding:0;}
	.diyzoneCont{position:relative; min-height:920px; margin-left:0; *zoom:1;}
	.diyzoneCont:after, .item_list:after{content:''; display:block; clear:both;}
	.diyzoneCont li{float:left;}
	.diyzoneCont>li>a{display:block; width:111px; padding:10px 0 0; height:22px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; font-size:11px;}
	.diyzoneCont>li.first>a{width:113px; border-left:none;}
	.diyzoneCont>li.on{z-index:1; margin:-1px -1px 0 0;}
	.diyzoneCont>li.on>a{position:relative; width:111px; background:#ff6a00; border:1px solid #f55100;; color:#fff; z-index:5;  font-weight:bold;}
	.diyzoneCont>li.on.first>a{width:112px}
	.diyzoneCont .item_wrap{display:none; position:absolute; top:67px; left:2px; width:670px;}
	.diyzoneCont>li.on .item_wrap{display:block;}
	.item_list li{width:150px; min-height:276px; margin:20px 0 0 10px;}
	.item_list li .img{border:1px solid #e1e1e1; width:148px; height:130px;}
	.item_list li .img img{width:148px; height:130px;}
	.item_list li a{text-decoration:none;}
	.item_list li dl{font-size:11px; color:#898989; line-height:15px;}
	.item_list li dl dt{margin:13px 0 6px; font-weight:bold; color:#646464;}
	.item_list li dl dd.price{color:#ff6000; margin-top:7px;}
	.item_list li dl dd.price del{padding-right:14px; color:#888;}
	.item_list li dl dd.price ins{text-decoration:none;}
반응형
저작자표시

'IT정보 > jQuery_javaScript' 카테고리의 다른 글

[제이쿼리] 레이어팝업 플러그인  (0) 2015.11.19
[제이쿼리/CSS] 반응형 테이블  (0) 2015.11.03
[제이쿼리] 플러그인 패턴기본 참고  (0) 2015.03.30
[제이쿼리] 인자값으로 똑같은 유형 소스줄이기  (0) 2015.03.26
[자바스크립트] scrollHeight,scrollWidth,scrollLeft,scrollTop  (0) 2012.08.27
'IT정보/jQuery_javaScript' Related Articles more