본문 바로가기

전체 글

 (60)
원페이지 스크롤 원페이지 스크롤 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..
sass 사용법 sass 터미널 sass --style xxxxx scss:지정할 폴더/ :css/지정할 폴더/ xxxxx 적어놓은것은 컴파일 스타일 종류 컴파일 스타일 종류는 -nested : 뎁스별로 구분해서 컴파일-compac: 요소에 스타일이 속성을 한줄씩 정렬해서 컴파일-expanded: 요소에 모든 스타일을 한줄에 컴파일-compressed : 모든 요소를 공백없이 컴파일 -sass 변수 $font-color: red;$font-stack : Helvetica, sans-serif; body{font: 100% $font-stack;color: $font-color;} //import 상속 //작성 방법 : @import "파일명.scss" // 팁 파일명에 _붙여서 불러오면 css가 추가가 안된다.. //e..
교보라이프 플래닛 펫사랑 교보라이프 플래닛 펫사랑 https://event.lifeplanet.co.kr/
ajax 사용법 ajax 사용법 html script $.ajax({ url : "/data/data.json", type : "get", data : "", dataType : "json", success : function( $data ) { var i = 0; var len = $data.result.list.length; console.log( len ); var link; var name; for( i; i
input태그 속성 input 태그 속성 예를들어 input태그일 경우 $( "input" ).attr( "id" )
html 태그 정리 HTML 태그 정리 명칭구성내용html... head머리말meta정보에 대한 정보를 알려줌. 빈태그, self closetitle...문서 제목body...본문p...Paragraph의 P : 단락, 문단, 절h1 ~ h6...제목, 글자 크기, 요즘은 중요도 우선순. h1은 화사 로고에 많이 표시hr단락 구분. 문서의 구분선주석태그주석br break, 줄바꿈을 해줄때div...division의 약자. HTML 문서 영역이나 섹션의 분할을 정의한다.span...inline요소, 줄바꿈이 안되고, 폭 , 높이 적용도 안됨. 인라인요소들을 그룹화 하는데 사용되며, 브라우저에 레이아웃 변경은 되지 않는다.table...표, border, cellpadding, cellspacing, width, summary..

티스토리툴바