jQuery slide scroll, quicktop, tab

스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 JS $(document).ready(function () { $('.content .topMove').hide(); $(window).on('scroll',function(){ // 스크롤 값의 변화가 생기면 var scroll = $(window).scrollTop(); // 스크롤의 거리 $('.text').text(scroll); if(scroll>500){ // 5..

2021.12.10

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