Skeleton의 세상

input text를 쓰다보면 input에 적기전 안내문구를 적어야 할경우가 생기는데요 간단하게 해결할수있습니다. Placeholder 속성을 사용하는 방법입니다 이런식으로 간단하게 사용할수 있습니다. value 속성은 input에 값을 집어넣는 것이고 placeholder는 백그라운드로 보여주고 그대로 값을 넘겨도 공백 or null로 반환합니다. input 에 값을 넣으면 백그라운드 텍스트가 사라지고 값이 입력됩니다.

Javascript에서의 날짜 계산 방법입니다. var DateTime = new Date(); //데이터를 만들어줍니다. var Year = DateTime.getFullYear(); //현재의 Year(연도)를 가져옵니다. FullYear 은 1991 이런식으로 나옵니다. var Month = DateTime.getMonth(); //현재의 Month(월)를 가져옵니다. var Date = DateTime.getDate(); //현재의 Day(일)를 가져옵니다. getDay도 존재를 하지만 getDate를 사용해도 됩니다. var Hour = DateTime.getHours(); //현재의 시간을 가져옵니다. var Minutes = DateTime.getMinutes(); //현재의 분을 가져옵니다..

간단하게 방법만 적어두겠습니다. 가져오는 방법에는 여러가지의 방법이 존재합니다 $("#select아이디 option:selected").val(); $("select[name='select이름']").val();

아주 간단하게 할수있습니다~ bacground-color:rgba(25,25,25,0.5); rgba를 사용하여 알파값을 50%로 줍니다 a는 0~1 의 값을 사용합니다~

유튜브에서는 숫자형으로 제공되는 4종류 썸네일과퀄리티를 기준으로 제공되는 5종류의 썸네일을 제공합니다 http://img.youtube.com/vi/동영상ID/이미지.jpg 이미지에는 0~4의 숫자가 들어갈수있고 퀄리티는 hqdefault = 고품질 mqdefault = 중간품질 default = 보통품질 HQ동영상이 존재하는 썸네일 sddefault = 표준형 썸네일 maxresdefault = 최대 해상도 썸네일 그리고 위의 기술을 사용하기위해서는 유튜브 API를 받아야 합니다 YouTube Data API (v3) 위의 주소로 가셔서 차례대로 진행하신뒤 key를 받으시면 됩니다.

제목만 봐서는 어떤 내용인지 감이 안오실거라 생각합니다. ul li 를 사용하여 화살표를 누르면 가운데에 있는 값을 변경하는것. 이라고 생각하시면 될거같네요. ▲TEST 1TEST 2TEST 3TEST 4TEST 5▼ 아래와 같은 모양이 나올겁니다~ ▲ TEST 1 TEST 2 TEST 3 TEST 4 TEST 5 ▼ 현 페이지에서는 동작을 하지않는데 아마 스크립트 지원이 제대로 안된모양입니다..... 직접 작성을 하실때에는 include를 제대로 전부 해주신다음 작성하시면 화살표를 누를때 가운데 공간의 글자가 바뀌는것을 확인하실수 있습니다~ 저는 이걸로 달력을 만들었네요..!

여기를 클릭해보세요div 안에 내용을 적습니다. 그다음 방식은 이렇습니다 여기서 더 발전 시키는 것은 여러분들의 몫으로 남겨두겠습니다 ㅎㅎ

window.open( URL , 팝업창이름, 팝업창 옵션) 옵션 Yes or Notoolbar = 상단 도구창 menubar = 상단 메뉴 location = 메뉴아이콘 directories = 제목 표시줄 status = 하단의 상태바 scrollbars = 스크롤바 resizable = 팝업창의 사이즈 변경 pxwidth = 팝업창의 가로 길이 설정 height = 팝업창의 세로 길이 설정 top = 팝업창이 뜨는 위치(화면 위에서부터의 거리 지정) left = 팝업창이 뜨는 위치(화면 왼쪽에서부터의 거리 지정)

기본 크기는 40px 입니다. width 1s -> 1초만에 width크기를 변경합니다.height -> 1초만에 height크기를 변경합니다.background-color 1s -> 1초만에 bacground-color를 변경합니다transform 1s -> 1초만에 지정된 transform으로 움직입니다. 아래쪽에 마우스를 올려보세요~ height를 변경하는 경우 기본 크기는 40px 입니다. width를 변경하는 경우 기본 width는 100px 입니다. background-color를 변경하는 경우 기본 색는 green 입니다. transform:scale 을 변경하는 경우 Scale 2 만큼 커집니다. transform:rotate 을 변경하는 경우 90deg만큼 회전 transform:tran..

먼저 ID를 호출하는 방법 클릭해보세요 클래스도 같은 방법으로 호출할수 있습니다. #이아닌 .으로 되어야 겠지요? 위의 방법과 같은방법이지만 이렇게 쓸수도 있답니다. onclick 이벤트를 활용하는법 클릭해보세요