;div id ="canvas" 스타일='너비: 540px; 높이: 540px; 왼쪽'>
Jquery 스도쿠 게임 분석(1) - 페이지 레이아웃_jquery
- WBOY원래의
- 2016-05-16 18:17:051280검색
또한, 가까운 장래에 시간이 허락한다면 html5로 이식될 예정입니다. 가칭은 H5sukudo입니다.
body의 코드는 다음과 같습니다. 페이지의 메인 레이어는 크기를 제어하는 데 사용됩니다. 메인에는 스도쿠 테이블과 보조 정보를 전달하는 데 사용되는 두 개의 레이어가 있습니다. 도구 레이어에는 로고, 레벨, 왼쪽, 타이머, leftsg, btns 및 err의 7개 레이어가 중첩되어 있으며 로고, 게임 난이도, 남은 공간 수, 경과 시간, 남은 공간 수에 대한 세부 정보를 전달하는 데 사용됩니다. 공백, 버튼 및 오류 메시지 정보. 도구 레이어의 스타일은 default.css 스타일 파일에 작성됩니다. Canvas 레이어, 레벨 레이어, lefts 레이어, 타이머 레이어, leftsg 레이어, err 레이어의 내용은 jquery 제어에 따라 동적으로 생성되며 나중에 설명합니다.
코드 복사 코드는 다음과 같습니다.
JSUKUDO
레벨:
타이머:
<입력 유형='버튼' 값='쉬움' onclick="$(g. 캔버스).gensukudo(2);$('#level').html('LEVEL:' $(this).val());">
GameIntroduce
소프트웨어 정보
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.