jQuery Plug-in LightBox

jQuery Plug-in LightBox

2021.12.20

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 left right clone gallery

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} ul, li{list-style:none;} #slide_gallery_box{position:relative; width:750px; border:3px solid #CCC; overflow:hidden;} #slide_gallery_box .slide_gallery{position:relative; left:0; top:0; width:1500px; overflow:hidden;} #slide_gallery_box .slide_gallery ul{float:left;} #slide_gallery_box .slide_gallery ul li{float:left;} #slide_galler..

2021.12.15

jQuery 문자열을 변수로 변환하는 함수 eval

문자열을 변수로 변환할 때 사용되는 함수 eval() 아래 코드에서 애니메이트 left 에 배열에 저장된 값을 넣어주고 싶었는데, i를 활용해서 mynum에 문자열을 만든 후 넣어주니 제대로 인식되지 않고 오류가 발생했다. 테스트 해 본 결과 mynum이 변수값이 아니라 말 그대로 '문자열' 이라서 발생되는 오류였고 문자열을 변수로 변경해주는 함수 eval()을 사용하여 해결했다! mynum = eval('left'+ (i+1) + '[0]'); var left1 = [0, 0]; // 좌측 값, 우측 값 var left2 = [50, 350]; var left3 = [100, 400]; var left4 = [150, 450]; $('.eventSlideMenu ul li span').mouseente..

2021.12.15

jQuery silde left (partenr banner)

JS // JavaScript Document $(document).ready(function() { var position = 0; // 최초위치 var movesize = 2; // 설정된 초 마다 이동할 픽셀 var timeonoff; $('.partnerBox ul').after($('.partnerBox ul').clone()); // ul 끝에 ul을 복제해라 function partnerMove(){ position -= movesize; // 최초위치에서 이당할 픽셀마다 감소 $('.partnerBox').css('left',position); if(position < -945){ $('.partnerBox').css('left',0); position = 0; } }; timeonoff=..

2021.12.15

jQuery 아코디언 갤러리 (컬랩스)

JS $(document).ready(function(){ /* 자동기능.... var timeonoff; var imageCount=4; var cnt=1; function move_gallery(){ cnt++; if(cnt==1){ $('.eventSlideMenu .img02').animate({left:350},450).clearQueue(); $('.eventSlideMenu .img03').animate({left:400},450).clearQueue(); $('.eventSlideMenu .img04').animate({left:450},450).clearQueue(); }else if(cnt==2){ $('.eventSlideMenu .img02').animate({left:50},450..

2021.12.15