= html 파일 = {{{ 역전재판
추궁하장
제시하장





hello
이름임
글자가 나오는 화면임. 혼잣말은 (span 을 사용했음)
키워드는 키워드!!요렇게 ㅎㅎ


















에뮬레이터 화면크기의 x2 임. }}} = css 파일 = {{{ #basewindow { /*기본 화면*/ width : 480px; height : 320px; background-color : black; color : white; position : absolute; top : 0px; left : 0px; } #text { /*대화창*/ width : 460px; height : 75px; background-color : royalblue; padding : 10px; position : absolute; top : 225px; left : 0px; } #human { /*사람 그림이 나올 화면*/ width : 256px; height : 285px; background-color : olive; position : absolute; top : 35px; left : 116px; } #name { /*사람이름(텍스트 위에)*/ width : 90px; height : 25px; background-color : gray; position : absolute; top : 200px; left : 0px; } #chugoong { /*좌상단의 추궁하기*/ width : 128px; height : 32px; background-color : gray; position : absolute; top : 0px; left : 0px; } #jesi{ /*우상단의 제시하기*/ width : 128px; height : 32px; background-color : gray; position : absolute; top : 0px; left : 352px; } #item_box { /*제시하기를 눌렀을때 나오는 아이템 목록*/ width : 480px; height : 150px; background-color : green; position : absolute; top : 35px; } #item_pic { /*아이템 목록 안의 아이템 그림*/ width : 130px; height : 130px; background-color : transparent; position : absolute; top : 45px; left : 10px; } #item_text { /*아이템 설명*/ width : 280px; height : 130px; background-color : skyblue; position : absolute; top : 45px; left : 170px; } span.text { /*대화창의 글자 속성을 지정*/ color : white; } span.think { /*대화 중 주인공이 혼자 말할때의 속성을 지정*/ color : #FB84E9; } span.keyword { /*키워드의 속성을 지정*/ color : red; } span.date { /*날짜와 장소 출력할 때의 속성*/ color : yellow; } }}} = 대사 파일 = 위의 HTML파일에다가 JavaScript를 더한것. {{{ 역전재판 //여기서 부터 첨가한 부분. //대사 내용을 넣은 javascript파일('contents.js')을 첨부. //여기까지
그냥 배경화면임
추궁하장
제시하장
이름임
글자가 나오는 화면임. 혼잣말은 (span 을 사용했음)
키워드는 키워드!!요렇게 ㅎㅎ


















에뮬레이터 화면크기의 x2 임. }}} = ShortCut = * [http://www.openjs.com/scripts/events/keyboard_shortcuts/shortcut.js] ---- [2010JavaScript]