Jquery 스도쿠 게임 분석(1) - 페이지 레이아웃_jquery

또한, 가까운 장래에 시간이 허락한다면 html5로 이식될 예정입니다. 가칭은 H5sukudo입니다.

body의 코드는 다음과 같습니다. 페이지의 메인 레이어는 크기를 제어하는 ​​데 사용됩니다. 메인에는 스도쿠 테이블과 보조 정보를 전달하는 데 사용되는 두 개의 레이어가 있습니다. 도구 레이어에는 로고, 레벨, 왼쪽, 타이머, leftsg, btns 및 err의 7개 레이어가 중첩되어 있으며 로고, 게임 난이도, 남은 공간 수, 경과 시간, 남은 공간 수에 대한 세부 정보를 전달하는 데 사용됩니다. 공백, 버튼 및 오류 메시지 정보. 도구 레이어의 스타일은 default.css 스타일 파일에 작성됩니다. Canvas 레이어, 레벨 레이어, lefts 레이어, 타이머 레이어, leftsg 레이어, err 레이어의 내용은 jquery 제어에 따라 동적으로 생성되며 나중에 설명합니다.

코드 복사 코드는 다음과 같습니다.

;div id ="canvas" 스타일='너비: 540px; 높이: 540px; 왼쪽'>

JSUKUDO

레벨:

;div id ="lefts">

타이머:

="leftsg ">

<입력 유형='버튼' 값='쉬움' onclick="$(g. 캔버스).gensukudo(2);$('#level').html('LEVEL:' $(this).val());">














GameIntroduce
소프트웨어 정보