VoidNoble IT Zone

SDK 에서 제공되는 샘플 중 /examples/toolbars/app.js 의 부분 입니다. 최종 목적은 아래와 같이 보여지게 하는것입니다. Ext.application({ // 앱 이름 name: 'bottomToolbarApp', // 앱 실행 main() 함수 같은 역할 launch: function() { // 보이는 영역에 구성요소를 추가합니다 Ext.Viewpot.Add({ // 뷰팟에 추가되는 구성요소들을 이 안에 기술. // 구성요소가 하나면 items: { } 로 해도 됩니다. items: [ // 툴바 구성요소 추가 { // 툴바 형식 xtype: 'toolbar', // 화면의 아래에 붙어있게 합니다. 자바 GUI 구현과 비슷. docked: 'bottom', // 가로 스크롤 가능..

롤오버 효과를 내는데는 아래 그림에서와 같이 2가지 방법이 있다. 방법1. 그림 2개를 만들어서 스위칭. 방법2. 하나의 그림 파일에 위,아래로 마우스OUT, 마우스OVER 이미지를 올려놓고 CSS로 조절. RSS Feed #navigation li a#rssfeed { background: url(images/rssfeed_bg.jpg) no-repeat top left; } #navigation li a#rssfeed:hover { background-position: bottom left; } [출처] http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/