javascript/sample (23) 썸네일형 리스트형 팝업 데이터로 불러오기 팝업 데이터로 불러오기 HTML 팝업1 팝업2 팝업3 팝업4 X 데이터 텍스트 들어가는 곳 CSS .popup_layer{ display:none; position: absolute; top:0; left:50%; width:800px; margin-left:-450px; border:1px solid red; z-index:200; background:#fff;} .popup_layer .inner{ position: relative; padding:15px;} .popup_layer .inner .btn_close{position: absolute; top:-30px; right:0; font-size:20px; color:#fff; text-decoration: none;} .popup_layer .. 원페이지 스크롤 원페이지 스크롤 html 클릭 1 클릭 2 클릭 3 클릭 4 클릭 5 클릭 6 javascript var _w, _sT; var _sections; var $navCont = $( "nav" ), $navTarget = $navCont.children( "ul" ).children( "li" ); function create() { _w = $( window ); _sections = $( "section" ); } function addEvent() { scrollEvent( null ); _w.on( "scroll" , scrollEvent ); $navTarget.on( "click", navClick ); } var _index = 0; var _prevIndex = -1; //스크롤 실행 시 네.. 페럴럭스 기초 2편 페럴럭스 기초 2 편 html 구조 javascript 구조 var _w; var _s1; function create() { _w = $( window ); _s1 = $( ".section1" ); } function addEvent() { scrollListener( null ); _w.on( "scroll", scrollListener ); } function scrollListener( $e ) { var sT = _w.scrollTop(); var wH = _w.height(); var s1Top = _s1.offset().top; var per = ( sT + wH ) / s1Top - 1; var index = parseInt( per * 100 ); if( index 155 ) retur.. 페럴럭스 기초 1편 페럴럭스 기초 1 편 html 구조 UNIT9 and Cheil Worldwide present a thrilling 4D Snowboarding VR experience for the 2018 Winter Olympics Samsung: Snowboard VR takes users through a hyper-real journey complete with vast canyons, sheer rock cliff, and a gravity defying ‘world in the sky’. Before donning the VR headsets, users at the 2018 Winter Olympics stood on a physical snowboard which replicated the movem.. 매개변수( 콜백, 매개변수)받기 매개변수( 콜백, 매개변수)받기 먼저 Data 객체 만들고 var Data = {SUM : function $callbak, $value1, $value2 ){console.log( "2 ==================== 실행" )var sum = $value1 + $value2;$callbak( sum )}} console.log( "1 =========== 실행" )Data.SUM( function ( $sum){console.log( " 3 =================실행 ")console.log( $sum );}) 함수 호출 하면서 매개변수 넘기고 return 으로 결과값 받기 함수 호출 하면서 매개변수 넘기고 return 으로 결과값 받기 function sum( $value1, $value2 ){return $value1 +$value2;} var sumValue = sum( 120, 10 ); console.log( sumValue ); // 130 매개 변수 넘기기 매개 변수 넘기기 function sum ( $value1, $value2 ){console.log( $value1 + $value2 ); //20} sum( 10, 10) 이전 1 2 3 다음