바보상자의 코딩박스

tab1-1 tab1-2 tab1-3 tab1-4 tab2-1 tab2-2 tab2-3 tab1-4 .tab1{ display: flex; height:265px; float: left; border: 1px solid purple;} .tabNav li a{width:220px; font-size:30px; display: block;} .tabNav li a.on{background:#000; color:#fff;} .content{width: 390px; height:100%; position: relative;} .content div{position: absolute; display: none;} .content div.on{display: block;} $(function () { tab('...

자동으로 흘러가는 슬라이드이면서 스스로 뒤에가서 붙는 요소를 확인할 수 있다. .ft_banner{width: 1200px; height:58px; overflow:hidden; margin:auto;} .ft_banner ul{position: relative;} .ft_banner li{width:200px; height:58px; float: left; border: 1px solid #eee;} .ft_banner li img{width: 100%;} $(function () { var len = $('.ft_banner li').length var wid = parseInt($('.ft_banner li').outerWidth()) var total = len * wid $('.ft_banner..

상위메뉴1 하위메뉴1 하위메뉴2 하위메뉴3 하위메뉴4 하위메뉴5 상위메뉴2 하위메뉴1 하위메뉴2 하위메뉴3 하위메뉴4 하위메뉴5 상위메뉴3 하위메뉴1 하위메뉴2 하위메뉴3 하위메뉴4 하위메뉴5 상위메뉴4 하위메뉴1 하위메뉴2 하위메뉴3 하위메뉴4 하위메뉴5 상위메뉴5 하위메뉴1 하위메뉴2 하위메뉴3 하위메뉴4 하위메뉴5 tab1-1 tab1-2 tab1-3 tab1-4 tab2-1 tab2-2 tab2-3 tab1-4 header {padding: 20px 0; position: sticky; top:0; z-index: 999; background:#fff;} header:after{content:""; clear: both; display: block;} #logo{width: 20%; float: ..