TRstory

#jquery_custom_scrollbar API : http://manos.malihu.gr/jquery-custom-content-scroller/ view : http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html 다운로드 : http://manos.malihu.gr/jquery-custom-content-scroller # Simplebar.js webpage : https://grsmto.github.io/simplebar/ github : https://github.com/Grsmto/simplebar AIP : https://github.com/Grsmto/simplebar/tree/master/packages/simplebar examples..

- 그래프 플러그인 (널리) http://nuli.navercorp.com/sharing/nwagon#nWagon-chart6 https://naver.github.io/billboard.js/?fbclid=IwAR1T_sMqzOOktLwtj9vBOH17Ke3kiPFiy_b2nCgA9LrLWt7P6wXJh6JbWHM - 무료 차트 - ChartJS [MIT License] (canvas) : https://www.chartjs.org/ sample : https://www.chartjs.org/samples/latest/ aip(ko) : https://yeon22.github.io/Chartjs-kr/docs/latest/getting-started/usage.html - TOAST chart [MIT..

trPackage - trForm.js - trMenu.js- trPopup.js- trRatioSize.js- trUtils.js

function trpScrollTop(selector){ var _position = $(selector).offset(); $( 'html, body' ).animate( { scrollTop: _position.top }, 500 );};

# Aptana Studio3 초기 세팅 1. 압타나에 이클립스 마켓 플레이스(Eclipse Marketplace) 설치 - web : https://marketplace.eclipse.org/2. 플러그인 install url : http://download.eclipse.org/releases/indigo (or) http://download.eclipse.org/releases/luna 3. General Purpose Tools -> Marketplace Client (선택)4. 실행 : Help -> Eclipse Marketplace # Aptana 테마 변경 1. Window -> Aptana Studio -> Themes -> Editor Theme (Monokai Dark) , Backg..

- AngularJS : https://angularjs.org/- bootstrap : http://bootstrapk.com/BS3/getting-startedhttp://markusslima.github.io/bootstrap-filestyle/# - 3D : http://d3js.org/- Flat-UI : http://designmodo.github.io/Flat-UI/- 반응형 모바일 레이아웃 : http://vnjs.net/www/project/freewall/- 레이아웃 관련 플러그인- jLayout => http://w2ui.com/web/demo- masonry- isotope   - 배경이미지 자동교체 : https://vegas.jaysalvat.com/documentation/tr..

6.10 instanceof 키워드1) 객체가 어떠한 생성자 함수를 통해 생성됬는지 확인할때 instanceof 키워드 사용. 2) typeof , instanceof typeof => 타입을 알아냄 instanceof => 생성자함수를 알아냄 코드 6-29 instanceof 키워드 DOCTYPE html> // 생성자 함수를 선언합니다. function Student(name) { this.name = name; } // 생성자함수를 사용해 함수를 생성하여 변수에 담음. // 자바스크립트는 대소문자 구분합니다. var student = new Student('윤인성'); // Student 상속받은 student 함수 객체 생성방법 // instanceof는 타입을 비교하여 (true,false)를 ..

17.11 jQuery UIEffect 플러그인 (2) – easing 플러그인1) 기존 jQuery를 사용할 때 교과 관련 메서드의 easing 속성에 문자열 “swing” ,”linear” 만으로 Easing을 줄수있다. 표17-7 다양한 종류의easing 속성linearswing easeInElasticeaseOutElasticeaseInOutElasticeaseInBackeaseOutBackeaseInOutBackeaseInBounceeaseOutBounceeaseInOutBounceeaseInSineeaseOutSineeaseInOutSineeaseInQuadeaseOutQuadeaseInOutQuadeaseInCubiceaseOutCubiceaseInOutCubiceaseInCirceaseOu..

17.9 jQuery UI Effect 플러그인 다운로드 1) jQuery UI플러그인 공식사이트 : http://jqueryui.com/ 2) jQuery UI Effect 기능 ◆ 색상 애니메이션 ◆ addClass() , removeClass(), switchClass() 메서드에 애니메이션 기능추가 ◆ Easing 효과 17.10 jQuery UIEffect 플러그인 (1) – 색상 변환 애니메이션1) addClass(class,speed)메서드와 removeClass(class,speed) 메서드의애니메이션 2) $('div').hover( over ,out ); 코드 17-29DOCTYPE html> .reverse { color:White; background-color:Black; } $(..

17.8 jQuery Approach플러그인 1) jQuery Approach 플러그인은 마우스의 거리를 사용해 애니메이션을 발쌩시키는 플러그인 2) 다운로드 : http://srobbin.com/jquery-plugins/jquery-approach/ 3) approach({ 스타일 } , 효과 적용거리 ) 코드 17-25 approach()DOCTYPE html> * { margin:0px; padding:0px; } body { background:0x555; } #circle_wrapper { padding:10px; background-color:Black; overflow:hidden; } .circle { margin:5px; width:50px; height:50px; border-radi..