Hello 100A

기본 반응형 갤러리 입니다. 1200px, 768px, 560px, 480px에 반응합니다. CSS 코드입니다. viewport는 필수! 이미지간의 간격은 li에 padding을 줘서 했고, ul에 -20px 마이너스 마진을 줘서 감싸고 있는 container에 overflow:hidden을 해서 숨겨두었습니다. html,body {width:100%;margin:0px;padding:0px;font-family:sans-serif;} ul, li{margin:0;padding:0;list-style:none} .container{width:100%;max-width:1400px;margin:0 auto;overflow:hidden;} .gallery{margin:50px -20px;box-sizing:..

가로, 세로가 100%인 페이지 슬라이드 입니다. html, body에 overflow:hidden을 해 스크롤이 없이 마우스 휠과 퀵버튼을 눌러 각 섹션으로 슬라이드가 됩니다. 페이지 마지막에 전체코드파일 첨부해두었습니다. 먼저 각 페이지들의 css입니다. body와 html에 꼭 height:100%를 하셔야 풀페이지로 됩니다. html,body {width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;font-family:sans-serif;} #fullpage {position:relative;top:0px;z-index:9;width:100%;height:100%;} .fullsection{width:100%;height:100%;posit..

select (콤보박스)의 년, 월을 선택때마다마지막 일수가 변경되는 함수입니다. 월을 선택하면 그 월의 마지막 날을 계산해서 select option이 변경됩니다. 아래의 이미지로 보시면 2019년 10월을 선택했기때문에 select option이 31일까지 선택할 수 있게 변경되었습니다. 그리고 2019년 2월을 선택하셨을 시에는 28일까지로 변경된 것을 확인 할 수 있습니다. 아래와 같이 start_year에 시작년도를 입력 해 주시면 현재의 년도까지 자동으로 년도 select 옵션이 입력이 됩니다. 그리고 년도와 월의 select option의 선택된 값이 변경될때마다 onChange 이벤트가 동작되면서 lastday() 함수를 호출하여 day의 option이 자동변경됩니다. /* javascri..

버튼을 누르면 폼 위에 팝업 레이어가 올라옵니다. 바을 누르면 창이 닫힙니다. 따로 닫는 버튼을 만드시고 closelayer(); 함수를 호출하셔도 됩니다. /* CSS */ /* javascript jquery */ /* HTML */ 팝업레이어