{"id":5481,"date":"2025-12-28T20:28:44","date_gmt":"2025-12-28T12:28:44","guid":{"rendered":"http:\/\/jhwk.online\/?p=5481"},"modified":"2025-12-31T07:45:46","modified_gmt":"2025-12-30T23:45:46","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","status":"publish","type":"post","link":"http:\/\/jhwk.online\/?p=5481","title":{"rendered":"\u4e13\u9898\u5706\u9525\u66f2\u7ebf\u7b2c\u4e09\u8bfe"},"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\u5218\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>\u5706\u9525\u66f2\u7ebf\u8bfe\u7a0b\u9898\u76ee\u4ea4\u4e92<\/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: hidden;\n        }\n        #courseVideo {\n            width: 100\n            display: block;\n        }\n        .question-container {\n            display: none;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(0, 0, 0, 0.85);\n            z-index: 10;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            padding: 20px;\n            overflow-y: auto;\n        }\n        .question-content {\n            background: white;\n            padding: 30px;\n            border-radius: 8px;\n            width: 90\n            max-width: 800px;\n            box-sizing: border-box;\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        .input-answer {\n            margin: 12px 0;\n            padding: 8px 12px;\n            width: 100\n            box-sizing: border-box;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n        }\n        @media (max-width: 768px) {\n            .question-content {\n                width: 95\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\/2025\/12\/lhzt\u5706\u9525\u66f2\u7ebf\u7b2c\u4e09\u8bb2.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        <!-- 502\u79d2\u591a\u9009\u9898\u5bb9\u5668 -->\n        <div class=\"question-container\" id=\"questionBox1\">\n            <div class=\"question-content\">\n                <h3 style=\"margin-top: 0;\">\u4f8b\u9898<\/h3>\n                <p>\uff08\u591a\u9009\u9898\uff09\u53e4\u5e0c\u814a\u6570\u5b66\u5bb6\u963f\u57fa\u7c73\u5fb7\u6700\u65e9\u7528\u4e0d\u65ad\u5206\u5272\u6cd5\u6c42\u692d\u5706\u7684\u9762\u79ef\u4e3a\u692d\u5706\u7684\u957f\u534a\u8f74\u957f\u548c\u77ed\u534a\u8f74\u957f\u4e58\u79ef\u7684\\(\\pi\\)\u500d. \u5df2\u77e5\u692d\u5706\\(C:\\displaystyle \\frac{x^2}{25}+\\displaystyle \\frac{y^2}{9}=1\\), \\(F_1\\)\u3001\\(F_2\\)\u662f\u692d\u5706\\(C\\)\u7684\u5de6\u3001\u53f3\u7126\u70b9, \\(P\\)\u4e3a\u692d\u5706\\(C\\)\u4e0a\u7684\u52a8\u70b9, \u5219\u4e0b\u5217\u8bf4\u6cd5\u6b63\u786e\u7684\u662f\uff08&nbsp;&nbsp;\uff09<\/p>\n                <div class=\"options\">\n                    <div class=\"option\" data-opt=\"A\">A. \u692d\u5706\\(C\\)\u7684\u9762\u79ef\u4e3a\\(15\\pi\\)<\/div>\n                    <div class=\"option\" data-opt=\"B\">B. \u82e5\\(\\triangle PF_1F_2\\)\u7684\u5185\u5207\u5706\u7684\u9762\u79ef\u4e3a\\(\\pi\\), \u5219\\(\\angle F_1PF_2=\\displaystyle \\frac{\\pi}{4}\\)<\/div>\n                    <div class=\"option\" data-opt=\"C\">C. \u692d\u5706\u4e0a\u5b58\u57284\u4e2a\u70b9\\(P\\), \u4f7f\u5f97\\(\\triangle PF_1F_2\\)\u4e3a\u7b49\u8170\u4e09\u89d2\u5f62<\/div>\n                    <div class=\"option\" data-opt=\"D\">D. \u82e5\u76f4\u7ebf\\(PF_1\\)\u4ea4\u692d\u5706\u4e8e\u53e6\u4e00\u70b9\\(Q\\), \u5219\\(\\displaystyle \\frac{1}{|PF_1|}+\\displaystyle \\frac{1}{|QF_1|}=\\displaystyle \\frac{10}{9}\\)<\/div>\n                <\/div>\n                <button id=\"submitBtn1\" class=\"submit-btn\">\u63d0\u4ea4\u7b54\u6848<\/button>\n                <div class=\"feedback\" id=\"feedbackText1\"><\/div>\n                <button id=\"resumeBtn1\" class=\"resume-btn\">\u7ee7\u7eed\u64ad\u653e<\/button>\n            <\/div>\n        <\/div>\n        <!-- 670\u79d2\u586b\u7a7a\u9898\u5bb9\u5668 -->\n        <div class=\"question-container\" id=\"questionBox2\">\n            <div class=\"question-content\">\n                <h3 style=\"margin-top: 0;\">\u5706\u9525\u66f2\u7ebf\u586b\u7a7a\u9898<\/h3>\n                <p>\u8fc7\u53cc\u66f2\u7ebf\\(x^2 &#8211; y^2 = 4\\)\u7684\u53f3\u7126\u70b9\\(F\\)\u4f5c\u503e\u659c\u89d2\u4e3a\\(30^\\circ\\)\u7684\u76f4\u7ebf, \u4ea4\u53cc\u66f2\u7ebf\u4e8e\\(A, B\\)\u4e24\u70b9, \u5219\u5f26\u957f\\(|AB|=\\)______.<\/p>\n                <input type=\"text\" class=\"input-answer\" id=\"answerInput\" placeholder=\"\u8bf7\u8f93\u5165\u7b54\u6848\">\n                <button id=\"submitBtn2\" class=\"submit-btn\">\u63d0\u4ea4\u7b54\u6848<\/button>\n                <div class=\"feedback\" id=\"feedbackText2\"><\/div>\n                <button id=\"resumeBtn2\" class=\"resume-btn\">\u7ee7\u7eed\u64ad\u653e<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const video = document.getElementById('courseVideo');\n        \/\/ 502\u79d2\u9898\u76ee\u5143\u7d20\n        const questionBox1 = document.getElementById('questionBox1');\n        const submitBtn1 = document.getElementById('submitBtn1');\n        const feedbackText1 = document.getElementById('feedbackText1');\n        const resumeBtn1 = document.getElementById('resumeBtn1');\n        const options = document.querySelectorAll('.option');\n        let selectedOpts = [];\n        let isQuestion1Showed = false;\n\n        \/\/ 670\u79d2\u9898\u76ee\u5143\u7d20\n        const questionBox2 = document.getElementById('questionBox2');\n        const submitBtn2 = document.getElementById('submitBtn2');\n        const feedbackText2 = document.getElementById('feedbackText2');\n        const resumeBtn2 = document.getElementById('resumeBtn2');\n        const answerInput = document.getElementById('answerInput');\n        let isQuestion2Showed = false;\n\n        \/\/ \u76d1\u542c\u89c6\u9891\u65f6\u95f4\u66f4\u65b0\n        video.addEventListener('timeupdate', () => {\n            \/\/ 502\u79d2\u89e6\u53d1\u591a\u9009\u9898\n            if (Math.floor(video.currentTime) === 502 && !isQuestion1Showed) {\n                video.pause();\n                questionBox1.style.display = 'flex';\n                isQuestion1Showed = true;\n                MathJax.typeset();\n            }\n            \/\/ 670\u79d2\u89e6\u53d1\u586b\u7a7a\u9898\n            if (Math.floor(video.currentTime) === 670 && !isQuestion2Showed) {\n                video.pause();\n                questionBox2.style.display = 'flex';\n                isQuestion2Showed = true;\n                MathJax.typeset();\n            }\n        });\n\n        \/\/ \u591a\u9009\u9898\u9009\u9879\u9009\u62e9\n        options.forEach(opt => {\n            opt.addEventListener('click', () => {\n                const optVal = opt.getAttribute('data-opt');\n                if (selectedOpts.includes(optVal)) {\n                    selectedOpts = selectedOpts.filter(item => item !== optVal);\n                    opt.classList.remove('selected');\n                } else {\n                    selectedOpts.push(optVal);\n                    opt.classList.add('selected');\n                }\n            });\n        });\n\n        \/\/ \u591a\u9009\u9898\u63d0\u4ea4\u903b\u8f91\u4f18\u5316\n        submitBtn1.addEventListener('click', () => {\n            if (selectedOpts.length === 0) {\n                feedbackText1.textContent = '\u8bf7\u81f3\u5c11\u9009\u62e9\u4e00\u4e2a\u9009\u9879\uff01';\n                feedbackText1.style.color = '#e53e3e';\n                return;\n            }\n            \n            \/\/ \u9690\u85cf\u63d0\u4ea4\u6309\u94ae\uff08\u7b54\u9898\u9636\u6bb5\u7ed3\u675f\uff09\n            submitBtn1.style.display = 'none';\n            \n            selectedOpts.sort();\n            const correctOpts = ['A', 'D'].sort();\n            const isCorrect = JSON.stringify(selectedOpts) === JSON.stringify(correctOpts);\n            \n            if (isCorrect) {\n                feedbackText1.textContent = '\u7b54\u6848\u6b63\u786e\uff01\u5373\u5c06\u7ee7\u7eed\u64ad\u653e';\n                feedbackText1.style.color = '#48bb78';\n                \/\/ \u6b63\u786e\u65f6\u81ea\u52a8\u64ad\u653e\uff0c\u4e0d\u663e\u793a\u7ee7\u7eed\u6309\u94ae\n                setTimeout(() => {\n                    questionBox1.style.display = 'none';\n                    video.play();\n                    \/\/ \u91cd\u7f6e\u72b6\u6001\uff08\u4e0b\u6b21\u89e6\u53d1\u53ef\u7528\uff09\n                    resetQuestion1State();\n                }, 1000);\n            } else {\n                feedbackText1.textContent = '\u7b54\u6848\u9519\u8bef\uff0c\u8bf7\u70b9\u51fb\u7ee7\u7eed\u64ad\u653e';\n                feedbackText1.style.color = '#e53e3e';\n                \/\/ \u9519\u8bef\u65f6\u663e\u793a\u7ee7\u7eed\u64ad\u653e\u6309\u94ae\n                resumeBtn1.style.display = 'inline-block';\n            }\n        });\n\n        \/\/ \u591a\u9009\u9898\u7ee7\u7eed\u64ad\u653e\n        resumeBtn1.addEventListener('click', () => {\n            questionBox1.style.display = 'none';\n            video.play();\n            resetQuestion1State();\n        });\n\n        \/\/ \u91cd\u7f6e\u591a\u9009\u9898\u72b6\u6001\n        function resetQuestion1State() {\n            feedbackText1.textContent = '';\n            submitBtn1.style.display = 'inline-block'; \/\/ \u6062\u590d\u63d0\u4ea4\u6309\u94ae\u663e\u793a\n            resumeBtn1.style.display = 'none'; \/\/ \u9690\u85cf\u7ee7\u7eed\u6309\u94ae\n            selectedOpts = [];\n            options.forEach(opt => opt.classList.remove('selected'));\n        }\n\n        \/\/ \u586b\u7a7a\u9898\u63d0\u4ea4\u903b\u8f91\u4f18\u5316\n        submitBtn2.addEventListener('click', () => {\n            const userAnswer = answerInput.value.trim();\n            if (!userAnswer) {\n                feedbackText2.textContent = '\u8bf7\u8f93\u5165\u7b54\u6848\uff01';\n                feedbackText2.style.color = '#e53e3e';\n                return;\n            }\n            \n            \/\/ \u9690\u85cf\u63d0\u4ea4\u6309\u94ae\uff08\u7b54\u9898\u9636\u6bb5\u7ed3\u675f\uff09\n            submitBtn2.style.display = 'none';\n            \n            \/\/ \u5141\u8bb8\u7b54\u6848\u4e3a\u6570\u5b578\/\u5b57\u7b26\u4e328\/\u5e26\u7a7a\u683c\u76848\n            const isCorrect = userAnswer.replace(\/\\s+\/g, '') === '8';\n            \n            if (isCorrect) {\n                feedbackText2.textContent = '\u7b54\u6848\u6b63\u786e\uff01\u5373\u5c06\u7ee7\u7eed\u64ad\u653e';\n                feedbackText2.style.color = '#48bb78';\n                \/\/ \u6b63\u786e\u65f6\u81ea\u52a8\u64ad\u653e\uff0c\u4e0d\u663e\u793a\u7ee7\u7eed\u6309\u94ae\n                setTimeout(() => {\n                    questionBox2.style.display = 'none';\n                    video.play();\n                    \/\/ \u91cd\u7f6e\u72b6\u6001\n                    resetQuestion2State();\n                }, 1000);\n            } else {\n                feedbackText2.textContent = '\u7b54\u6848\u9519\u8bef\uff0c\u6b63\u786e\u7b54\u6848\u662f8\uff0c\u8bf7\u70b9\u51fb\u7ee7\u7eed\u64ad\u653e';\n                feedbackText2.style.color = '#e53e3e';\n                \/\/ \u9519\u8bef\u65f6\u663e\u793a\u7ee7\u7eed\u64ad\u653e\u6309\u94ae\n                resumeBtn2.style.display = 'inline-block';\n            }\n        });\n\n        \/\/ \u586b\u7a7a\u9898\u7ee7\u7eed\u64ad\u653e\n        resumeBtn2.addEventListener('click', () => {\n            questionBox2.style.display = 'none';\n            video.play();\n            resetQuestion2State();\n        });\n\n        \/\/ \u91cd\u7f6e\u586b\u7a7a\u9898\u72b6\u6001\n        function resetQuestion2State() {\n            feedbackText2.textContent = '';\n            submitBtn2.style.display = 'inline-block'; \/\/ \u6062\u590d\u63d0\u4ea4\u6309\u94ae\u663e\u793a\n            resumeBtn2.style.display = 'none'; \/\/ \u9690\u85cf\u7ee7\u7eed\u6309\u94ae\n            answerInput.value = ''; \/\/ \u6e05\u7a7a\u8f93\u5165\u6846\n        }\n\n        \/\/ \u7a97\u53e3\u7f29\u653e\u91cd\u65b0\u6e32\u67d3\u516c\u5f0f\n        window.addEventListener('resize', () => {\n            if (questionBox1.style.display === 'flex' || questionBox2.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<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-alpha-channel-opacity has-vivid-cyan-blue-background-color has-background is-style-wide\"\/>\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><h5 class=\"stk-block-heading__text has-text-color\">\u5185\u5bb9\u76ee\u5f55<\/h5><\/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.\u692d\u5706\u7684\u7126\u534a\u5f84\u548c\u7126\u70b9\u5f26\u53ca\u8bc1\u6cd5\u4e00\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 =236; document.querySelector('video').play();\">\n\n2.\u692d\u5706\u7684\u7126\u534a\u5f84\u548c\u7126\u70b9\u5f26\u53ca\u8bc1\u6cd5\u4e8c\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 =500; document.querySelector('video').play();\">\n\n3.\u5178\u578b\u4f8b\u98981\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 =630; document.querySelector('video').play();\">\n\n4.\u53cc\u66f2\u7ebf\u7684\u7126\u70b9\u5f26\u516c\u5f0f.\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 =669; document.querySelector('video').play();\">\n\n5.\u7ec3\u4e60.\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 =769; document.querySelector('video').play();\">\n\n6.\u629b\u7269\u7ebf\u7684\u7126\u70b9\u5f26\u516c\u5f0f.\n\n<\/button>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u9898\u75312023\u7ea725\u73ed\u5218\u822a\u8bb2\u89e3\uff01 \u5706\u9525\u66f2\u7ebf\u8bfe\u7a0b\u9898\u76ee\u4ea4\u4e92 \u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301HTML5\u89c6\u9891\u64ad\u653e\uff0c\u8bf7\u5347\u7ea7\u6d4f\u89c8\u5668 \u4f8b\u9898 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5509,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72],"tags":[],"class_list":["post-5481","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kakazt"],"blocksy_meta":[],"_links":{"self":[{"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/posts\/5481","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=5481"}],"version-history":[{"count":15,"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/posts\/5481\/revisions"}],"predecessor-version":[{"id":5515,"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/posts\/5481\/revisions\/5515"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/jhwk.online\/index.php?rest_route=\/wp\/v2\/media\/5509"}],"wp:attachment":[{"href":"http:\/\/jhwk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jhwk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5481"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jhwk.online\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}