jQuery 검색 결과

해당 글 33건

placeholder 효과 ie9이하에서 사용

- placeholder 속성 : 텍스트 필드에 힌트를 제공하는 역할. IE9 이하 버전 지원하지 않는 대체법 필요휴대전화번호를 입력해주세요.input-store{position:relative;z-index:10;}.input-tel-placeholder{position:absolute;left:15px;top:15px;color:#000;font-size:20px;z-index:9;}.input-tel input{position: relative;z-index: 99;padding: 15px;background:none;border: none;font-size:20px;color:#000;border-bottom: solid 2px #000;-webkit-transition: border 0.3s;-..
WEB/jQuery 2017. 9. 26. 15:49

웹 디자인 & 프론트엔드 개발 관련 리소스 모음

웹 디자인 & 프론트엔드 개발 관련 리소스 모음웹 디자인과 프론트엔드 개발 관련해서 배울 수 있는 리소스를 모아놓은 자료입니다 :-)© leecampbell, 출처 UnsplashONLINE / BOOKS1. Design 관련http://52weeksofux.com http://smashingmagazine.com http://littlebigdetails.com http://markboulton.co.uk/archives http://mikeindustries.com/blog/archive/2004/05/getting-started-in-design http://webtypography.net http://cooper.com/journal http://zurb.com/blog http://google...
공유하기 2017. 7. 4. 15:41

wordbreak.js (단어마다 끊어주는 플러그인)

jQuery word-break: keep-all 플러그인 ver 1.3.0 Demo아래 버튼을 이용해 가로를 50px씩 늘리고 줄이면서 단어별로 끊어지는지 테스트해 보세요. 플러그인 적용 (applied)다양한 태그에 테스트해 본 것입니다. Test target isvary tags.이것은 span tag로 둘러싼 것입니다. 이것은 span tag로둘러싼 것입니다.이것은 div tag로 둘러싼 것입니다. 이것은 div tag로둘러싼 것입니다. (자식 HTML이 있어도 작동하는 것을 보여줍니다.)이것은 h3 tag로 둘러싸고 중간에 줄바꿈이있는 것입니다. 이것은 h3 tag로 둘러싼것입니다.이것은 p tag로 둘러싼 것입니다. 이것은 p tag로둘러싼 것입니다.이것은 a tag로 둘러싼 것입니다. 이것은..
WEB/jQuery 2017. 6. 12. 17:55

$(window).load, $(document).ready 로드 후 실행되는 시간

$(document).ready(function(){ // code }); 브라우저에서 DOM 트리를 생성하고난 후에 실행(DOM is ready) $(window).load(function(){ // code }); 모든 include 되는 프레임들과 object들, 이미지까지 로드된 이후에 실행 출처: http://creator1022.tistory.com/156 [무한도전]document가 ready된 시점에는 DOM에 대한 접근만이 자유롭겠지만 아직 브라우저에서 다른 객체들이나 이미지들을 로드하지 않은 상황이므로 어떤 페이지를 사용자가 접근할 때 이미지에 대한 가공을 하려한다면 실패하게 되겠죠. 하지만, window를 로드하고난 이후에 실행되는 코드들은 모든 객체나 프레임들(외부 contents를..
WEB/jQuery 2017. 6. 7. 20:35

글자 자르기(...으로 흘러넘치게 보이기)

...으로 흘러넘치게 보이기 CSS.target { /* 한 줄 자르기 */ display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 출처: http://webdir.tistory.com/483 [WEBDIR]
WEB/CSS 2017. 6. 7. 16:39