拼圖遊戲副本 | 程式專案

{"id":553732,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003e拼圖遊戲\u003c/title\u003e\\n\\t\u003cstyle\u003e\\n\\t\\t.container {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tflex-wrap: wrap;\\n\\t\\t\\twidth: 450px;\\n\\t\\t\\theight: 450px;\\n\\t\\t\\tmargin: 0 auto;\\n\\t\\t}\\n\\t\\t.container img {\\n\\t\\t\\twidth: 150px;\\n\\t\\t\\theight: 150px;\\n\\t\\t\\tobject-fit: cover;\\n\\t\\t\\tcursor: pointer;\\n\\t\\t}\\n\\t\u003c/style\u003e\\n\\t\u003cscript\u003e\\n\\t\\twindow.onload = function() {\\n\\t\\t\\tvar images = document.getElementsByTagName(\\\"img\\\");\\n\\t\\t\\tvar firstImage = null;\\n\\t\\t\\tfor (var i = 0; i \u003c images.length; i++) {\\n\\t\\t\\t\\timages[i].onclick = function() {\\n\\t\\t\\t\\t\\tif (firstImage == null) {\\n\\t\\t\\t\\t\\t\\tfirstImage = this;\\n\\t\\t\\t\\t\\t} else {\\n\\t\\t\\t\\t\\t\\tvar tempSrc = this.src;\\n\\t\\t\\t\\t\\t\\tthis.src = firstImage.src;\\n\\t\\t\\t\\t\\t\\tfirstImage.src = tempSrc;\\n\\t\\t\\t\\t\\t\\tfirstImage = null;\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t}\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n\\t\u003cdiv class=\\\"container\\\"\u003e\\n\\t\\t\u003cimg src=\\\"9.png\\\" alt=\\\"9\\\"\u003e\\n\\t\\t\u003cimg src=\\\"8.png\\\" alt=\\\"8\\\"\u003e\\n\\t\\t\u003cimg src=\\\"7.png\\\" alt=\\\"7\\\"\u003e\\n\\t\\t\u003cimg src=\\\"6.png\\\" alt=\\\"6\\\"\u003e\\n\\t\\t\u003cimg src=\\\"5.png\\\" alt=\\\"5\\\"\u003e\\n\\t\\t\u003cimg src=\\\"4.png\\\" alt=\\\"4\\\"\u003e\\n\\t\\t\u003cimg src=\\\"3.png\\\" alt=\\\"3\\\"\u003e\\n\\t\\t\u003cimg src=\\\"2.png\\\" alt=\\\"2\\\"\u003e\\n\\t\\t\u003cimg src=\\\"1.png\\\" alt=\\\"1\\\"\u003e\\n\\t\u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\\n\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n    text-align: center;\\n    padding: 30px;\\n}\\n\\n/* 設定圖片的寬度為銀幕一半寬 */\\nimg {    \\n    max-width: 50%; \\n}\\n\\n/* 設定文字的顏色為淡黑色 */\\np {\\n    color: #555555;\\n}\",\"js\":\"// 創造一個函式指令 hello：\\nfunction hello () {\\n    // 讓網頁跳出文字訊息：\\n    alert('叩叮：\\\\n嗨你好～ 讓我們一起加油寫出漂漂亮亮的網頁唄！');\\n}\"}","created_at":"2023-06-22T15:38:45.601+08:00","updated_at":"2023-06-22T15:49:35.383+08:00","name":"拼圖遊戲 副本","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/553732/7bb2bb84f5a7f8f30811dbdc2e2a8c8b.jpg"},"parent_id":553728,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":108,"hashid":"yeysq9wk4","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":12630365,"file_name":"5.png","project_id":553732,"asset_id":640550,"created_at":"2023-06-22T15:38:45.614+08:00","updated_at":"2023-06-22T15:38:45.614+08:00"},{"id":12630364,"file_name":"2.png","project_id":553732,"asset_id":640547,"created_at":"2023-06-22T15:38:45.613+08:00","updated_at":"2023-06-22T15:38:45.613+08:00"},{"id":12630360,"file_name":"3.png","project_id":553732,"asset_id":640548,"created_at":"2023-06-22T15:38:45.608+08:00","updated_at":"2023-06-22T15:38:45.608+08:00"},{"id":12630361,"file_name":"4.png","project_id":553732,"asset_id":640549,"created_at":"2023-06-22T15:38:45.610+08:00","updated_at":"2023-06-22T15:38:45.610+08:00"},{"id":12630362,"file_name":"koding.png","project_id":553732,"asset_id":302342,"created_at":"2023-06-22T15:38:45.611+08:00","updated_at":"2023-06-22T15:38:45.611+08:00"},{"id":12630363,"file_name":"1.png","project_id":553732,"asset_id":640546,"created_at":"2023-06-22T15:38:45.612+08:00","updated_at":"2023-06-22T15:38:45.612+08:00"},{"id":12630366,"file_name":"6.png","project_id":553732,"asset_id":640551,"created_at":"2023-06-22T15:38:45.616+08:00","updated_at":"2023-06-22T15:38:45.616+08:00"},{"id":12630367,"file_name":"7.png","project_id":553732,"asset_id":640552,"created_at":"2023-06-22T15:38:45.618+08:00","updated_at":"2023-06-22T15:38:45.618+08:00"},{"id":12630368,"file_name":"8.png","project_id":553732,"asset_id":640553,"created_at":"2023-06-22T15:38:45.619+08:00","updated_at":"2023-06-22T15:38:45.619+08:00"},{"id":12630369,"file_name":"9.png","project_id":553732,"asset_id":640554,"created_at":"2023-06-22T15:38:45.620+08:00","updated_at":"2023-06-22T15:38:45.620+08:00"}]