navigation(5)
-
jQuery 네비게이션 Full drop-down + 스크롤 반응 배경
CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} body{font-family:"돋움", "돋움체"; font-size:14px;} ul,ol{ list-style:none;} a{color:#333; text-decoration:none;} body{} .wrap{width: 100%; overflow: hidden;} #headerArea{width:100%; height:50px; position: fixed; left:0; top:0; background: rgba(255,255,255,0); z-index: 10; transition: background .5s;} #headerArea .headerInner{width: 120..
2021.12.09
-
jQuery 네비게이션 full dropdown_navi
CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} body{font-family:"돋움", "돋움체"; font-size:16px; color:#333;} h3{font-size:1rem;} ul,ol{ list-style:none;} a{color:inherit; text-decoration:none;} body{background: green;} .wrap{width: 100%;} #headerArea{position: fixed; left:0; top:0; width:100%; height:50px; border-bottom:1px solid #999; background: #fff;} #gnb{clear:both; width:120..
2021.12.09
-
jQuery 네비게이션3
CSS @charset "utf-8"; /* CSS Document */ /* base */ *{margin: 0; padding: 0;} body{font-family:arial; font-size: 16px; color:#333;} h3{font-size:1rem} ul,ol{list-style:none;} a{color:inherit; text-decoration:none;} #wrap{width: 100%;} #headerArea{width: 100%; position:fixed; background: green; height:57px;} #headerArea .headerInner{width: 1200px; margin: 0 auto;} .dropdownmenu{width:1200px; heig..
2021.12.09
-
jQuery 네비게이션2
CSS @charset "utf-8"; /* CSS Document */ /* base */ *{margin: 0; padding: 0;} body{font-family:Verdana; font-size:16px; color:#333;} ul, ol{list-style:none;} h3{font-size:1rem;} a{color:initial; text-decoration:none} #wrap{width: 100%;} #headerArea{width: 100%; position: fixed; background:green; height:57px;} #headerArea .headerInner{width: 1200px; margin: 0 auto;} .dropdownmenu{width:1200px; he..
2021.12.09
-
jQuery 네비게이션1
CSS @charset "utf-8"; /* CSS Document */ /* base */ *{margin:0;padding:0} body{font-size:16px; color:#333} ul, ol{list-style:none;} a{color:inherit; text-decoration:none} .hidden{display: block; position: absolute; left: -1000%; width: 1px; height: 1px; overflow: hidden; color: #fff} .dropdownmenu{width:670px; height:50px; margin:50px auto 0; padding:50px; border:1px solid #ddd;} .dropdownmenu::..
2021.12.09