Web Lab(14)
-
split 함수를 이용하여 URL주소를 배열로 받기
var src = 'http://1.bp.blogspot.com/AAAAAAAAAIk/s1600/LoiLo_01.jpg', src_arr = src.split('/'); //split 함수를 이용하여 '/'라는 문자를 기준으로 문자열을 분리함 result = bbb[0]+'/'+bbb[1]+'/'+bbb[2]+'/'+bbb[3]+'/'+bbb[4]+'/'+bbb[5];
-
jQuery 셀렉터(선택자) : 원하는 노드를 얻는 방법
자주 쓰는 셀렉터 (글쓴이 기준) $('a[href^="mailto:"]').addClass('linkA'); // html속성값이 "mailto:"로 시작하는 링크요소 $('a[href$=".html"]').addClass('linkB'); // html속성값이 ".html"로 끝나는 문자열을 갖는 링크 $('a[href*="mysite.com"]').addClass('linkC'); // "mysite.com"이 URL의 일부로 사용되는 링크 $('tr:odd').addClass('odd'); // 홀수번째 줄 $('tr:even').addClass('even'); // 짝수번째 줄 $('td:contains("퍼티6")').addClass('bold'); // "퍼티6"이라는 텍스트 $('div.b..
-
jQuery
jQuery란, JavaScript의 코딩을 강력하게 지원하는 라이브러리입니다. 제이쿼리 최신 파일 다운 로드 http://jquery.com/download/ Google Ajax API CDN (Also supports SSL via HTTPS) http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js Google Ajax CDN Documentation Microsoft CDN (Also supports SSL via HTTPS) http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js Ajax CDN Announcement, Microsoft Ajax CDN Documentation jQuery..
-
css 초기화
meyerweb reset HTML5 Doctor YUI Library /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, field..
-
영문 대소문자 표현하기 css text-transform
text-transform: none | capitalize | uppercase | lowercase | initial | inherit; none기본값 capitalize각 단어의 첫 번째 문자를 대문자로 변환합니다. uppercase모든 문자를 대문자로 변환합니다. lowercase모든 문자를 소문자로 변환합니다.
-
나눔바른고딕 웹폰트
css 예제 @font-face{ font-family:'Nanum Barun Gothic'; font-style:normal; font-weight:normal; src:url(../font/NanumBarunGothic.eot); src:url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), url(../font/NanumBarunGothic.woff2) format('woff2'), url(../font/NanumBarunGothic.woff) format('woff'), url(../font/NanumBarunGothic.ttf) format('truetype'); } 다운로드
-
a태그 css
a, a:link, a:visited, a:active{color:#333;text-decoration:none} a:focus, a:hover{color:#f00;text-decoration:underline}