javascript(39)
-
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 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
-
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