{"id":5578,"date":"2026-01-04T10:25:45","date_gmt":"2026-01-04T02:25:45","guid":{"rendered":"http:\/\/jhwk.online\/?p=5578"},"modified":"2026-01-04T11:07:04","modified_gmt":"2026-01-04T03:07:04","slug":"%e4%b8%93%e9%a2%98%e5%9c%86%e9%94%a5%e7%ac%ac%e4%b8%80%e5%ae%9a%e4%b9%89-3-3-2","status":"publish","type":"post","link":"http:\/\/jhwk.online\/?p=5578","title":{"rendered":"\u4e13\u9898\u5706\u9525\u66f2\u7ebf\u7b2c\u56db\u8bb2"},"content":{"rendered":"\n<div class=\"wp-block-stackable-subtitle stk-block-subtitle stk-block stk-8afe3d6\" data-block-id=\"8afe3d6\"><style>.stk-8afe3d6 .stk-block-subtitle__text{color:#0693e3 !important;}<\/style><p class=\"stk-block-subtitle__text stk-subtitle has-text-color\">\u672c\u9898\u75312023\u7ea725\u73ed\u6210\u5141\u822a\u8bb2\u89e3\uff01<\/p><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>\u6982\u7387\u5206\u5e03\u5217\u4e13\u9898<\/title>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/mathjax@3\/es5\/tex-mml-chtml.js\"><\/script>\n    <style>\n        .video-wrapper {\n            position: relative;\n            width: 100\n            max-width: 1200px;\n            margin: 0 auto;\n            overflow: visible; \/* \u6539\u4e3avisible\uff0c\u5141\u8bb8\u9898\u76ee\u6846\u5411\u4e0b\u5ef6\u4f38 *\/\n        }\n        #courseVideo {\n            width: 100\n            display: block;\n        }\n        .question-container {\n            display: none;\n            position: absolute;\n            top: 0; \/* \u4e0a\u8fb9\u754c\u4e0e\u89c6\u9891\u6846\u4e25\u683c\u5bf9\u9f50 *\/\n            left: 0; \/* \u5de6\u8fb9\u754c\u4e0e\u89c6\u9891\u6846\u5bf9\u9f50 *\/\n            right: 0; \/* \u53f3\u8fb9\u754c\u4e0e\u89c6\u9891\u6846\u5bf9\u9f50 *\/\n            bottom: auto; \/* \u53d6\u6d88\u5e95\u90e8\u9650\u5236\uff0c\u8ba9\u5185\u5bb9\u81ea\u7531\u5411\u4e0b\u5ef6\u4f38 *\/\n            background: rgba(0, 0, 0, 0.85);\n            z-index: 10;\n            flex-direction: column;\n            justify-content: flex-start; \/* \u5185\u5bb9\u4ece\u9876\u90e8\u5f00\u59cb\u6392\u5217 *\/\n            align-items: center;\n            padding: 20px;\n            overflow-y: auto;\n            min-height: 100\n        }\n        .question-content {\n            background: white;\n            padding: 30px;\n            border-radius: 8px;\n            width: 100\n            max-width: none; \/* \u53d6\u6d88\u6700\u5927\u5bbd\u5ea6\u9650\u5236\uff0c\u7ee7\u627f\u7236\u5bb9\u5668\u5bbd\u5ea6 *\/\n            box-sizing: border-box;\n        }\n        \/* \u65b0\u589e\u9898\u76ee\u56fe\u7247\u6837\u5f0f *\/\n        .question-img {\n            max-width: 100\n            height: auto;\n            margin: 15px 0;\n            border-radius: 4px;\n        }\n        .option {\n            margin: 12px 0;\n            padding: 8px 12px;\n            cursor: pointer;\n            border-radius: 4px;\n            transition: background-color 0.2s;\n        }\n        .option:hover {\n            background-color: #f0f0f0;\n        }\n        .option.selected {\n            background-color: #4299e1;\n            color: white;\n        }\n        .feedback {\n            margin: 20px 0;\n            font-weight: bold;\n            font-size: 16px;\n        }\n        button {\n            padding: 10px 20px;\n            cursor: pointer;\n            border: none;\n            border-radius: 4px;\n            font-size: 14px;\n            margin-right: 10px;\n        }\n        .submit-btn {\n            background-color: #4299e1;\n            color: white;\n            display: inline-block; \/* \u9ed8\u8ba4\u663e\u793a\u63d0\u4ea4\u6309\u94ae *\/\n        }\n        .resume-btn {\n            background-color: #38b2ac;\n            color: white;\n            display: none; \/* \u9ed8\u8ba4\u9690\u85cf\u7ee7\u7eed\u64ad\u653e\u6309\u94ae *\/\n        }\n        @media (max-width: 768px) {\n            .question-content {\n                padding: 20px;\n            }\n            .option {\n                font-size: 14px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"video-wrapper\">\n        <video id=\"courseVideo\" controls>\n            <source src=\"http:\/\/jhwk.online\/wp-content\/uploads\/2026\/01\/ztchengyunhang2.mp4\" type=\"video\/mp4\">\n            \u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301HTML5\u89c6\u9891\u64ad\u653e\uff0c\u8bf7\u5347\u7ea7\u6d4f\u89c8\u5668\n        <\/video>\n        <!-- 524\u79d2\u9898\u76ee\u5bb9\u5668\uff08Dandelin\u53cc\u7403\u692d\u5706\u9898\uff09 -->\n        <div class=\"question-container\" id=\"questionBox\">\n            <div class=\"question-content\">\n                <h3 style=\"margin-top: 0;\">\u9898\u76ee<\/h3>\n                <p>\u5982\u56fe\u6240\u793a\uff0c\u5728\u5706\u9525\u5185\u653e\u5165\u4e24\u4e2a\u5927\u5c0f\u4e0d\u540c\u7684\u7403\\( O_1 \\)\u3001\\( O_2 \\)\uff0c\u4f7f\u5f97\u5b83\u4eec\u5206\u522b\u4e0e\u5706\u9525\u7684\u4fa7\u9762\u548c\u5e73\u9762\\(\\alpha\\)\u76f8\u5207\u3002\u5e73\u9762\\(\\alpha\\)\u5206\u522b\u4e0e\u7403\\( O_1 \\)\u3001\\( O_2 \\)\u76f8\u5207\u4e8e\u70b9\\( E \\)\u3001\\( F \\)\u3002\u6570\u5b66\u5bb6Germinal Dandelin\u5229\u7528\u8fd9\u4e2a\u6a21\u578b\u8bc1\u660e\u4e86\u5e73\u9762\\(\\alpha\\)\u4e0e\u5706\u9525\u4fa7\u9762\u7684\u4ea4\u7ebf\u4e3a\u692d\u5706\uff0c\\( E \\)\u3001\\( F \\)\u4e3a\u6b64\u692d\u5706\u7684\u4e24\u4e2a\u7126\u70b9\u3002\u8fd9\u4e24\u4e2a\u7403\u4e5f\u88ab\u79f0\u4e3aDandelin\u53cc\u7403\u3002\u82e5\u7403\\( O_1 \\)\u3001\\( O_2 \\)\u7684\u534a\u5f84\u5206\u522b\u4e3a6\u548c3\uff0c\u7403\u5fc3\u8ddd\u79bb\\( O_1O_2 = 11 \\)\uff0c\u5219\u6b64\u692d\u5706\u7684\u957f\u8f74\u957f\u4e3a\uff08 \uff09<\/p>\n                <!-- \u63d2\u5165\u9898\u76ee\u56fe\u7247 -->\n                <img decoding=\"async\" src=\"http:\/\/jhwk.online\/wp-content\/uploads\/2026\/01\/ztwangxuanxiang\u9898\u76ee\u56fe1.jpg\" alt=\"Dandelin\u53cc\u7403\u793a\u610f\u56fe\" class=\"question-img\">\n                <div class=\"options\">\n                    <div class=\"option\" data-opt=\"A\">A. \\( 4\\sqrt{7} \\)<\/div>\n                    <div class=\"option\" data-opt=\"B\">B. \\( 2\\sqrt{7} \\)<\/div>\n                    <div class=\"option\" data-opt=\"C\">C. 11<\/div>\n                    <div class=\"option\" data-opt=\"D\">D. 9<\/div>\n                <\/div>\n                <button id=\"submitBtn\" class=\"submit-btn\">\u63d0\u4ea4\u7b54\u6848<\/button>\n                <div class=\"feedback\" id=\"feedbackText\"><\/div>\n                <button id=\"resumeBtn\" class=\"resume-btn\">\u7ee7\u7eed\u64ad\u653e<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const video = document.getElementById('courseVideo');\n        \/\/ 524\u79d2\u9898\u76ee\u5143\u7d20\n        const questionBox = document.getElementById('questionBox');\n        const submitBtn = document.getElementById('submitBtn');\n        const feedbackText = document.getElementById('feedbackText');\n        const resumeBtn = document.getElementById('resumeBtn');\n        const options = questionBox.querySelectorAll('.option');\n        let selectedOpt = null;\n        let isQuestionShowed = false; \/\/ \u6807\u8bb0\u9898\u76ee\u662f\u5426\u5df2\u7ecf\u89e6\u53d1\u8fc7\n\n        \/\/ \u76d1\u542c\u89c6\u9891\u65f6\u95f4\u66f4\u65b0\n        video.addEventListener('timeupdate', () => {\n            \/\/ 524\u79d2\u89e6\u53d1\u9898\u76ee\uff0c\u4e14\u4ec5\u89e6\u53d1\u4e00\u6b21\n            if (Math.floor(video.currentTime) === 524 && !isQuestionShowed) {\n                video.pause();\n                questionBox.style.display = 'flex';\n                isQuestionShowed = true; \/\/ \u89e6\u53d1\u540e\u8bbe\u4e3atrue\uff0c\u9632\u6b62\u91cd\u590d\u89e6\u53d1\n                MathJax.typeset();\n            }\n        });\n\n        \/\/ \u9009\u9879\u9009\u62e9\n        options.forEach(opt => {\n            opt.addEventListener('click', () => {\n                options.forEach(item => item.classList.remove('selected'));\n                selectedOpt = opt.getAttribute('data-opt');\n                opt.classList.add('selected');\n            });\n        });\n\n        \/\/ \u63d0\u4ea4\u903b\u8f91\n        submitBtn.addEventListener('click', () => {\n            if (!selectedOpt) {\n                feedbackText.textContent = '\u8bf7\u9009\u62e9\u4e00\u4e2a\u9009\u9879\uff01';\n                feedbackText.style.color = '#e53e3e';\n                return;\n            }\n            \n            submitBtn.style.display = 'none';\n            const correctOpt = 'A'; \/\/ \u6b63\u786e\u7b54\u6848\u4e3aA\n            const isCorrect = selectedOpt === correctOpt;\n            \n            if (isCorrect) {\n                feedbackText.textContent = '\u7b54\u6848\u6b63\u786e\uff01\u5373\u5c06\u7ee7\u7eed\u64ad\u653e';\n                feedbackText.style.color = '#48bb78';\n                setTimeout(() => {\n                    questionBox.style.display = 'none';\n                    video.play();\n                    resetQuestionState(); \/\/ \u91cd\u7f6e\u9664isQuestionShowed\u5916\u7684\u72b6\u6001\n                }, 1500);\n            } else {\n                feedbackText.textContent = '\u7b54\u6848\u9519\u8bef\uff0c\u8bf7\u70b9\u51fb\u7ee7\u7eed\u64ad\u653e';\n                feedbackText.style.color = '#e53e3e';\n                resumeBtn.style.display = 'inline-block';\n            }\n        });\n\n        \/\/ \u7ee7\u7eed\u64ad\u653e\n        resumeBtn.addEventListener('click', () => {\n            questionBox.style.display = 'none';\n            video.play();\n            resetQuestionState(); \/\/ \u91cd\u7f6e\u9664isQuestionShowed\u5916\u7684\u72b6\u6001\n        });\n\n        \/\/ \u91cd\u7f6e\u9898\u76ee\u72b6\u6001\uff08\u4fdd\u7559isQuestionShowed\u4e3atrue\uff0c\u9632\u6b62\u91cd\u590d\u89e6\u53d1\uff09\n        function resetQuestionState() {\n            feedbackText.textContent = '';\n            submitBtn.style.display = 'inline-block';\n            resumeBtn.style.display = 'none';\n            selectedOpt = null;\n            options.forEach(opt => opt.classList.remove('selected'));\n            \/\/ \u79fb\u9664 isQuestionShowed = false \u8fd9\u884c\uff0c\u4fdd\u8bc1\u9898\u76ee\u53ea\u89e6\u53d1\u4e00\u6b21\n        }\n\n        \/\/ \u7a97\u53e3\u7f29\u653e\u91cd\u65b0\u6e32\u67d3\u516c\u5f0f\n        window.addEventListener('resize', () => {\n            if (questionBox.style.display === 'flex') {\n                MathJax.typeset();\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p>[ratemypost]<\/p>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-4838d52\" id=\"\u5185\u5bb9\u76ee\u5f55\" data-block-id=\"4838d52\"><style>.stk-4838d52 .stk-block-heading__top-line{background-color:#f00069 !important;}.stk-4838d52 .stk-block-heading__text{color:#0070b1 !important;}<\/style><div class=\"stk-block-heading__top-line\"><\/div><h4 class=\"stk-block-heading__text has-text-color\">\u5185\u5bb9\u76ee\u5f55<\/h4><\/div>\n\n\n\n<style>\n  .video-jump-btn {\n    cursor: pointer;\n    text-align: left;\n    background-color: #e6f2ff; \/* \u6de1\u84dd\u8272\u80cc\u666f *\/\n    border: none;\n    padding: 8px 12px;\n    border-radius: 4px;\n    transition: all 0.3s ease; \/* \u5e73\u6ed1\u8fc7\u6e21\u52a8\u753b *\/\n    font-size: 16px;\n  }\n  \n  .video-jump-btn:hover {\n    background-color: #cce0ff; \/* \u7565\u6df1\u7684\u84dd\u8272\u80cc\u666f *\/\n    transform: scale(1.02); \/* \u8f7b\u5fae\u653e\u5927\u6548\u679c *\/\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1); \/* \u589e\u52a0\u8f7b\u5fae\u9634\u5f71 *\/\n  }\n<\/style>\n\n<button class=\"video-jump-btn\" onclick=\"document.querySelector('video').currentTime = 0; document.querySelector('video').play();\">\n1.\u5706\u9525\u66f2\u7ebf\u7b2c\u4e00\u5b9a\u4e49\uff1b\n\n<\/button>\n\n\n\n<br>\n<style>\n  .video-jump-btn {\n    cursor: pointer;\n    text-align: left; \/* \u5de6\u5bf9\u9f50\u6587\u672c *\/\n   \n  }\n<\/style>\n\n<button class=\"video-jump-btn\" onclick=\"document.querySelector('video').currentTime =133; document.querySelector('video').play();\">\n\n2.\u4e39\u5fb7\u6797\u7403\u6a21\u578b\uff1b\n\n<\/button>\n\n\n\n<br>\n<style>\n  .video-jump-btn {\n    cursor: pointer;\n    text-align: left; \/* \u5de6\u5bf9\u9f50\u6587\u672c *\/\n   \n  }\n<\/style>\n\n<button class=\"video-jump-btn\" onclick=\"document.querySelector('video').currentTime =523; document.querySelector('video').play();\">\n\n3.\u4f8b\u9898\u8bb2\u8bc4\uff1b\n\n<\/button>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u9898\u75312023\u7ea725\u73ed\u6210\u5141\u822a\u8bb2\u89e3\uff01 \u6982\u7387\u5206\u5e03\u5217\u4e13\u9898 \u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301HTML5\u89c6\u9891\u64ad\u653e\uff0c\u8bf7\u5347\u7ea7\u6d4f\u89c8\u5668 \u9898\u76ee \u5982 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5589,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72],"tags":[73],"class_list":["post-5578","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kakazt","tag-73"],"blocksy_meta":[],"_links":{"self":[{"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/posts\/5578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jhwk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5578"}],"version-history":[{"count":9,"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/posts\/5578\/revisions"}],"predecessor-version":[{"id":5590,"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/posts\/5578\/revisions\/5590"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/media\/5589"}],"wp:attachment":[{"href":"http:\/\/jhwk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jhwk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5578"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jhwk.online\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}