scratch | 程式專案 | 橘蘋學習平台

{"id":194806,"student_id":12205,"content":"{\"html\":\"\\r\\n\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n\u003cmeta http-equiv=\\\"Content-Type\\\" content=\\\"text/html; charset=utf-8\\\"/\u003e\\r\\n    \u003ctitle\u003e\u003c/title\u003e\\r\\n \u003cmeta charset=\\\"utf-8\\\" /\u003e\\r\\n    \u003cscript\u003e\\r\\n        onload = function () {\\r\\n            var al = document.getElementById('al');\\r\\n            al.onmouseover = function () {\\r\\n                if (document.getElementById('dv')) {\\r\\n                    document.body.removeChild(document.getElementById('dv')); //防止重复添加\\r\\n                }\\r\\n                var dvObj = document.createElement('div');\\r\\n                dvObj.id = 'dv';\\r\\n                var imgObj = document.createElement('img');\\r\\n                imgObj.src = '2.jpg';\\r\\n                imgObj.width = '200';//不可以加px\\r\\n                imgObj.height = '200';\\r\\n                dvObj.appendChild(imgObj);\\r\\n                dvObj.style.position = 'absolute';\\r\\n                dvObj.style.left = this.offsetLeft + 'px';\\r\\n                dvObj.style.top = this.offsetTop + this.offsetHeight + 'px';\\r\\n\\r\\n\\r\\n                document.body.appendChild(dvObj);\\r\\n\\r\\n\\r\\n            }\\r\\n            al.onmouseout = function () {\\r\\n                if (document.getElementById('dv')) {\\r\\n                    document.body.removeChild(document.getElementById('dv'));\\r\\n                }\\r\\n            }\\r\\n        }\\r\\n    \u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n    \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\\r\\n    \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\\r\\n    \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\\r\\n    \u003ca id=\\\"al\\\" href=\\\"http://www.baidu.com\\\"\u003e百度一下\u003c/a\u003e\\r\\n    \u003c!--\u003cimg src=\\\"2.jpg\\\" width=\\\"200\\\" height=\\\"200\\\"/\u003e--\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\",\"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":"2020-10-13T21:08:34.007+08:00","updated_at":"2020-10-18T09:50:11.483+08:00","name":"scratch","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/194806/24ba17a83e1a7bcdacdb0f84b8d7a7c5.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":28,"hashid":"36ysmeep3","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}