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 main slide fade ps lr

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} img{border:0; vertical-align:top;} ul, li{list-style:none;} .main{position:relative; width:1000px; height:420px; border:1px solid red; overflow:hidden} .main .gallery{position:relative; left:0; top:0; width:1000px; height:380px; overflow:hidden;} .main .gallery li{display:none} .main .dock{width:330px; position:absolute; left:450px..

2021.12.13

jQuery main slide

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} ul, li{list-style:none;} img{border:0; vertical-align:top;} .main{position:relative; width:1000px; height:420px; overflow: hidden} .main .gallery{position:relative; left:0; top:0; width:5000px; height:380px; overflow:hidden;} .main .gallery ul li{float:left;} .main .gallery_text{position: absolute; top: 150px; width: 100%; } .main ..

2021.12.13

jQuery main slide - fade

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} a{color:#333; text-decoration: none;} img{border:0; vertical-align:top;} ul li{list-style:none;} @keyframes ani { from {transform: scale(1);} to {transform: scale(1.5);} } .main{ position:relative; width:1000px; height:420px; border:1px solid red; overflow:hidden} .main .gallery{position:relative; left:0; top:0; width:1000px; heigh..

2021.12.13

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