목록공부좀 하자 (34)

코딩룸*◡*

슬라이드 배너

슬라이드 배너는 구글에서 검색해보면 플러그인으로서 셀 수없이 많이 접할 수 있다. 그러나 정작 직접 만들 수 있는 사람이 몇이나 될지 궁금해졌다. 그래서 내가 한번 직접 만들어보고자 주제로 정했다. 1. 생각해보기1) 이전, 다음 버튼을 클릭했을 때 이미지가 변경되는 기능 짜보기 이미지를 포함하고 있는 ul 요소에 animate() 메서드를 적용하는 방법으로 만들어보자. 수정중...
공부좀 하자/jQuery 2017. 7. 26. 17:30
background-attachment: fixed를 이용한 Parallax(시차를 이용한 효과)

1. Parallax란?parallax(시차)란 멀리 있는 물체는 천천히 움직이고, 가까이 있는 물체는 빨리 움직이는 현상을 의미한다. 이러한 현상을 이용하면 입체감과 실체감을 높여서 보다 인상적인 디자인을 할 수 있다. 이것을 구현하려면 HTML과 CSS, JavaScript(쪼금? 필요없나?)을 사용하면 된다. 2. CSS background-attachment: fixed;를 이용예제) Hi! My name is Yoon Miyeon. 체험하기) https://codepen.io/egoing/pen/yaKvPd?editors=1100#0 3. background-attachment 지원버전속성background-attachment115.94.9 -webkit-5.4 -moz-5.29.03.1 -we..
공부좀 하자/HTML, CSS 2017. 7. 17. 17:23
CSS3 Multi-Colum(다중 칼럼)

1. CSS3 다단(multi-column)이란? 다단(muti-column)은 화면을 분활해서 좀 더 읽기 쉽도록 만든 레이아웃 CSS에서는 이러한 레이아웃을 쉽게 구현할 수 있는 기능을 제공한다. 2. CSS3 다중 칼럼(multi-column) 지원 버전CSS3 다단(multi-column)을 지원하는 주요 웹 브라우저의 버전은 다음 표와 같고, IE의 경우 10이상에서 지원한다. 속성column-countcolumn-widthcolumn-capcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-width 10.050.04.0 -webkit-2.0 -moz-9.03.1 -webkit-37.015.0 -webkit-11.1column-span10.05..
공부좀 하자/HTML, CSS 2017. 7. 14. 15:11
.on('click') 과 .click()의 차이점

차이점1. 사용패턴이 다름 ( on은 그페이지가 시작될때 실행되고, click은 페이지가 시작되고 나서 실행됨?) 2. click을 쓰면 많은 요소들은 많은 개별 핸들러를 필요로 해서 메모리 사용량이 증가됨 3. click은 기존의 핸들러들에 동적으로 추가된 요소들이 안먹힘ex)Add newalert! 4. on은 하나의 핸들러가 동적으로 새롭게 만들어지는 요소들을 포함해서 대응되는 모든 요소들을 다루고 있다.ex)$("div#container").on('click', 'button.alert', function() { alert(1); }); 5. on이 click보다 메모리를 덜 먹고 동적으로 생성되는 요소들이 잘 작동함 6. on은 .off('click' )으로 보통 없앨 수 있다. 결론: .on(..
공부좀 하자/jQuery 2017. 7. 10. 10:50
Prev 1 ··· 3 4 5 6 Next