전체 글 썸네일형 리스트형 참고용 CSS technique ======================================================================= 1. HTML 엘리먼트 구분하기 Styles make the formatting job much easier and efficient. To give an attractive look to web sites. styles are heavily used. Using jQuery Power of selectors ----------------------------------------------------------------------------------------------------------- .greencolor{color:green;font-style:italic;} .. 더보기 폼 유효성을 확인하는 방법 01. 필수항목이 입력이 되었는지 확인 $('.error').hide(); $('.submit').click(function(event){ var data = $('.infobox').val(); var len = data.length; if(len < 1){ $('.error').show(); event.preventDefault(); }else{ $('.error').hide(); } }); 1. 처음엔 Error 메시지는 숨기고 Click Event 는 Submit 버튼에 연결 2. Click Event 의 이벤트 처리함수에서 Text Field 에 입력된 데이터 추출 data 변수에 저장 3. Data 의 길이를 구하여 IF문으로 구분 하여 처리 / preventDefault() 메소드는 subm.. 더보기 이벤트 처리 2 12. 이미지 기반의 롤오버 ------------------------- image 관련 CSS ------------------------- .link{ display:block; width:170px; height:55px; background-image:url(btn1.bmp); background-repeat:no-repeat; background-position:top left; } .hover{ display:block; width:200px; height:70px; background-image:url(btn2.bmp); background-repeat:no-repeat; background-position:top left; } .active{ display:block; width:170p.. 더보기 이전 1 2 3 4 ··· 17 다음