본문 바로가기

반응형

jQuery

(3)
jQuery custom content scroller 웹 페이지의 일부 영역에 스크롤바를 붙이고 싶은가? 그렇다면, 여기에 jQuery 라이브러리를 활용해서 손쉽게 처리하는 방법이 있다. 현재 이 블로그에 적용된 라이브러리이기도 하다. 상세한 사용방법은 다음 사이트에서 확인할 수 있다. http://manos.malihu.gr/jquery-custom-content-scroller/ 라이브러리는 다음 주소에서 다운로드 받을 수 있다. https://github.com/malihu/malihu-custom-scrollbar-plugin 적용방법을 간략히 기술하자면, 우선, HTML의 HEAD 영역에 다음과 같이 CSS와 자바스크립트를 연결시켜준다. 그리고, 스크롤바를 적용하고자 하는 영역(주로 DIV)에 mCustomScrollbar() 메서드를 실행시켜주면..
jQuery Mobile jQuery Mobilehttp://jquery.elex.pe.kr/jquery-mobile 1. 페이지 1.1. 기본 틀 만들기 1.2. 이제, 페이지를 만들어 보자. 1.3. 하나의 문서에 여러 개의 페이지를 ... 1.4. 타이틀을 지정하자. 1.5. 이제, 각각의 페이지를 연결하자. 1.5.1. 링크 / 버튼과 관련된 속성들 1.6. 페이지 전환 효과 1.7. 대화상자를 만들자. 1.7.1. 페이지 / 대화상자의 속성들 1.8. 빠른 속도를 원한다면 페이지를 미리 불러 올 수도 있다. 1.9. 테마를 적용해 보자. 1.9.1. 컨텐트 영역과 관련된 속성 2. 툴바 2.1. 헤더 바 2.1.1. 헤더의 속성 2.2. 푸터 바 2.2.1. 푸터의 속성 2.3. 탐색 바 2.4. 표시 위치를 지정하자...
jQuery Mobile 사용법 jQuery Mobile을 사용하면 빠르고 쉽게 모바일 웹페이지를 만들 수 있습니다. 관련 자료를 다음과 같이 정리 합니다. http://javascript.elex.pe.kr/jquery-mobile 01. 페이지 01. 기본 틀 만들기 02. 이제, 페이지를 만들어 보자 03. 하나의 문서에 여러 개의 페이지를... 04. 타이틀을 지정하자 05. 이제 각각의 페이지를 연결하자 06. 페이지 전환 효과를 바꿔볼까 07. 대화상자를 만들자 08. 빠른 속도를 원한다면 페이지를 미리 불러오자 09. 테마를 적용해보자 02. 툴바 03. 버튼 04. 레이아웃 05. 입력폼 06. 리스트뷰 coming soon~~

반응형