jQuery sticky menu, scroll spy

See the Pen jQuery sticky, spy by miok (@slog-miok) on CodePen. CSS *{margin: 0 ; padding: 0} ol,ul{list-style: none} a{color: #333; text-decoration: none} #wrap{width:1000px; margin: 0 auto; overflow: hidden} header{position: fixed; left:0; top:0; height:150px; background: #0f0; width: 100%; z-index: 50} .main{height: 200px; background: orange; margin-top: 150px} .navBox{ background: #ccc} /* 상..

2021.12.16

jQuery tabmenu3

CSS /* CSS Document */ *{margin:0; padding:0} body{margin:20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333333} a{color: #333; text-decoration: none;} .tabs {border:1px solid #ccc; width:600px;} .tabs .tab_menu{overflow: hidden;} .tabs .tab_menu li{float: left; margin-right: 10px;} .tabs .tab {display:block; width:84px;text-align: c..

2021.12.14

jQuery tabmenu2

CSS /* CSS Document */ *{margin:0; padding:0} body{margin:20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333} a{color: #333; text-decoration: none;} .tabs {width:600px; border:1px solid #ccc;} .tabs .tab_menu{overflow: hidden;} .tabs .tab_menu li{float: left; margin-right: 10px;} .tabs .tab {display:block; width:84px; text-align: cen..

2021.12.14

jQuery tabmenu1

CSS /* CSS Document */ *{margin:0; padding:0} body{margin: 20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333333} a{color: #333; text-decoration: none;} .tabs {position:relative; width:600px; border:1px solid #ccc;} .tabs a.tab{position:absolute; display:block; width:84px; text-align:center; font-size: 16px; background: red; color: #..

2021.12.14