javascript (32) 썸네일형 리스트형 페럴럭스 기초 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) for문 object for문 object html var _data = [{ myName : "이름1" },{ myName : "이름2" },{ myName : "이름3" },{ myName : "이름4" },{ myName : "이름5" } ]; var i = 0;var len = _data.length; var item = $( "ul" ).children( "li" ); for( i; i< len; i++ ){item.eq( i ).text( _data[ i ].myName );} for문 for문 html 마크업 li에 해당 배열 텍스트 값 입력하기 var _data = [ "예제1", "예제2", "예제3", "예제4", "예제5"]; var i = 0;var len = _data.length; var $target = $( "ul" ).children( "li" ); for( i; i < len; i++ ){$target.eq( i ).text( _data[ i ] );} [jQuery] jquery hide() show() animate() jquery hidde(),show(),animate() show()와 hide() 반대로 동작한다고 보면 된다다. show()는 숨긴 DOM을 다시 나타나게 하고 hide()는 DOM을 숨기는 역할을 합니다. hide() 했을 때는 DOM의 영역까지 숨기는 css의 display:none의 속성이 적용됨. javascript html Hide and show Animate 일반적으로 DOM을 show(), hide() 할 때는 하나의 버튼을 사용하기 때문에 버튼 하나를 생성해서 애니메이션을 컨트롤한다. 최초에 DOM이 보이는 상태에서 버튼을 클릭하면 hide() animation이 적용되고 DOM의 hide상태인지 show상태인지 구분하기 위해 “hide”란 속성에 true 값을 넣어준다. 반대로 DO.. 이전 1 2 3 4 다음