본문 바로가기

반응형

프로그래밍/JavaScript

(11)
[Jquery] Pager plugin Jquery를 이용한 client-side 페이징과 테이블 정렬 http://tablesorter.com/docs/example-pager.html 위의 링크는 두가지 기능이 적용된 데모페이지. 소스보기해서 css부터 전부 똑같이 적용하지 않아서 적용하는데 쉽지 않았다. 순수 Jquery와 tablesorter, page plugin만 가지고 다시 테스트하여 적용하기 쉽게 정리해야겠다.
[Jquery] NewsTicker (뉴스 티커) Jquery를 사용한 News Ticker 입니다. 전광판에 나오는 메세지와 같이 공지사항이나 알림말을 표시해주는 것입니다. 첨부파일을 다운로드 하여 적용해보세요~ 아래것은 head 태그안에 삽입 jquery.tickertype - Demo Sed venenatis diam quis lorem. Curabitur. Fusce vehicula iaculis felis. Phasellus congue! Morbi vitae enim vel purus sollicitudin. 출처: http://www.hungry-media.com/code/jQuery/tickerType/ 미리보기: http://www.hungry-media.com/code/jQuery/tickerType/
입력폼에 특수문자 방지하기 IE8과, 파이어폭스, 크롬에서 동작테스트 한것입니다. 크롬같은경우는 두가지 속성에 따라 다 잘동작되더군요. ==================================================================== event.keycode 33 ! 34 " 35 # 36 $ 37 % 38 & 39 ' (홑따옴표) 40 ( 41 ) 42 * 43 + 44 , 45 - (마이너스) 46 . (마침표) 47 / 58 : 59 ; 60 63 ? 64 @ 91 [ 92 \ (역슬래시) 93 ] 94 ^ 95 _ (언더바) 96 ` 123 { 124 | 125 } 126 13 엔터
W3C 플래시코드 (W3C Validated Flash code) W3C Validated Flash code 출처: http://www.hofmanns.net/flash-en.html
클릭하면 DIV 가 Show/Hide 클릭하면 지정한 레이어가 보였다 사라졌다 하는 예제입니다. 클릭 yes
Session variables without cookies http://www.thomasfrank.se/sessionvars.html
Jquery ShowHide 테이블 Row Jquery List See More... 1 리스트1 11 2 리스트2 10 3 리스트3 8 4 리스트4 3 5 리스트5 2 6 리스트6 2 Close This...
[Jquery] 텍스트 스크롤 (Text Scroll) - Scroll List Jqeury를 이용한 텍스트 스크롤 어떤 효과인지 자세히 보고싶으며시면 아래 Demo 페이지 링크를 클릭하세요. 데모: http://proofed.net/jquery-demos/scroll-list.html 이 효과를 적용하려면 jquery.ext.js 와 jquery.scrollList.js 가 필요합니다. 다운로드는 데모페이지 나 http://plugins.jquery.com/project/scrollList 에서 가능합니다. 또한 데모페이지에서 보여주는 스타일시트와 같은 설정도 필요합니다. Jquery 스크립트는 다음과 같습니다. 페이지에 적용하는 것은 매우 간단합니다. 데모 페이지를 소스보기 하셔서 적용해보시면 이해가 더 쉬울것입니다.

반응형