{extend name="beike/base" /}
{block name="staticcontent"}
    <meta http-equiv="mobile-agent"
          content="format=xhtml; url=http://bk.cooco.net.cn/mdown-jiaoan-664020.html">
    <meta http-equiv="mobile-agent"
          content="format=html5; url=http://bk.cooco.net.cn/mdown-jiaoan-664020.html">

    <style>
        .layui-btn.downBtn {
            display: block;
            width: 100px;
            height: 32px;
            line-height: 32px;
            background-color: #F2594C;
            border-radius: 3px;
            font-size: 14px;
            color: #ffffff;
            text-align: center;
        }
        .tc_wrape {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgb(0,0,0,0.25);
        }
        .tc {
            width: 350px;
            height: 200px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            border: 2.5px solid #F2594C;
            border-radius: 3px;
            box-shadow: 2px 2px 2px 2px rgb(242 89 76 / 15%);
            background: #fff;
        }
        .tc p {
            float: right;
            display: block;
            font-size: 14px;
            cursor: pointer;
            text-align: right;
            background: rgb(0,0,0,0.25);
            color: #fff;
            padding: 1px 3px;
        }
        .tc_tit {
            width: 100%;
            height: auto;
            font-size: 14px;
            text-align: center;
            color: #000;
            clear: both;
        }
        .span_inp {
            width: 250px;
            height: 50px;
            border: 1px solid #000;
            margin: 10px auto;
        }
        .span_inp span {
            float: left;
            display: inline-block;
            width: 50%;
            height: 100%;
            background: #F2594C;
            color: #fff;
            text-align: center;
            line-height: 50px;
        }
        .span_inp input {
            float: left;
            display: inline-block;
            border: 0;
            width: 50%;
            height: 99%;
            outline: none;
            text-align: center;
        }
        .tc button {
            display: block;
            width: 150px;
            height: 50px;
            border: 0;
            color: #fff;
            margin: 0 auto;
            background: #4cadf2;
            cursor: pointer;
        }
        .tc_wrape {
            display: none;
        }
        .captcha_code {
            font-size: 25px;
        }
    </style>
{/block}

{block name="tipcontent"}{/block}

{block name="content"}
    <div id="position">您现在的位置：&nbsp;
        <a href="http://bk.cooco.net.cn" class="LinkPath">第一备课网</a>&nbsp;&gt;&gt;&nbsp;
        <a href="http://bk.cooco.net.cn/jiaoan/" class="LinkPath">教案下载</a>&nbsp;&gt;&gt;&nbsp;
        <a href="http://bk.cooco.net.cn/list-jiaoan-yinyue/" class="LinkPath">
            音乐教案下载</a>&nbsp;&gt;&gt;&nbsp;
        <a href="http://bk.cooco.net.cn/tag-gaozhongyinlejiaoan/" class="LinkPath">高中音乐教案下载</a>&nbsp;&gt;&gt;&nbsp;
        鼓乐铿锵下载
    </div>

    <div id="mbList">
        <div class="titleShare">
            <span class="share"></span>
            <strong>鼓乐铿锵下载页</strong>
        </div>
        <div class="guge"></div>
        <h1 style="background:none;">鼓乐铿锵下载页</h1>
        <div class="Attribute">分类：
            <span><a href="http://bk.cooco.net.cn/tag-gaozhongyinlejiaoan/" class="LinkPath">高中音乐教案</a></span>
        </div>

        <div class="clear"></div>
    </div>

    <div class="main">
        <div class="fontsLeft" style="width:100%">
            <div class="mbPic" style="border: gray 1px solid; position:relative;">
                <h1>鼓乐铿锵文件:</h1>
            </div>
            <div>
                <table class="layui-table" lay-skin="line">
                    <colgroup>
                        <col width="500">
                        <col width="50">
                        <col>
                    </colgroup>
                    <tbody>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">七年级下册《安塞腰鼓》学案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17778">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《东方之珠》、《鼓浪屿之波》 教案-温州八中</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="98849">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">人教版七年级语文下册学案《安塞腰鼓》</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17780">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">清平乐村居－教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="104566">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">人教版七年级下册《安塞腰鼓》学案(有答案)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17779">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《画》快乐练习：试题</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="34132">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">陶罐和铁罐乐专专</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="45703">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">清平乐？村居－教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="104567">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《清平乐&middot;村居》说课稿</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="104561">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">4.2《乐音》导学案－马荣</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="292517">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">喜爱音乐的白鲸－教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="70349">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《汉乐府两首》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="127951">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《给予是快乐的》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="51012">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">人教课标版七年级下册语文17《安塞腰鼓》练习题</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17781">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">喜爱音乐的白鲸－教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="46244">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《囚绿记》说课稿-民乐一中</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="118150">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《清平乐&middot;村居》教案设计3</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="104560">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《圆明园的毁灭》快乐练习题</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="56125">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">教案设计:给予是快乐的</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="51013">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《囚绿记》说课稿-民乐一中</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="1822">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级物理上《乐音》说课稿</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="292514">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">是乐谱错了教案(四年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="63908">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《喜爱音乐的白鲸》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="70351">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《喜爱音乐的白鲸》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="46246">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级物理《乐音和噪声》导学案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="292513">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">敬业与乐业学案4(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="114502">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">物理《乐音的三个特征》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="292515">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《喜爱音乐的白鲸》教案及反思</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="70350">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《喜爱音乐的白鲸》教案及反思</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="46245">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">音乐与影视艺术教案(高一历史)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="345300">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">第二节《乐音》习题精选（有答案）</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="292516">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">敬业与乐业学案4(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="28166">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">音乐与影视艺术教案(高二历史)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="345301">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">音乐与影视艺术教案1(高一历史)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="345307">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">辛弃疾《永遇乐?京口北固亭怀古》赏析</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="6026">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《酬乐天扬州初逢席上见赠》每课一练</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="26476">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">Happy Birthday to You 祝to wish你you生日birthday 快乐happy ...</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="251938">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">Happy Birthday to You 祝to wish你you生日birthday 快乐happy ...</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="259876">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">Happy Birthday to You 祝to wish你you生日birthday 快乐happy ...</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="269170">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">音乐巨人贝多芬教案_七年级语文教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17436">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">音乐与影视艺术教案2(高一历史)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="345308">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">辛弃疾《永遇乐?京口北固亭怀古》赏析</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="90920">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">Happy Birthday to You 祝to wish你you生日birthday 快乐happy ...</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="254288">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">辛弃疾《永遇乐?京口北固亭怀古》赏析</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="121838">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">高一语文《永遇乐&middot;京口北固亭怀古》导学案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="121832">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">高一语文《永遇乐&middot;京口北固亭怀古》导学案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="6020">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">与人为善与人为善  快乐无边(阅读与理解)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="392543">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《手拉手》教学设计 - 乐清市清江镇第一小学</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="79008">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">高一语文《永遇乐&middot;京口北固亭怀古》导学案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="90914">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">教学案例：《给予树》在体验中感悟人物思想情感，懂得给予是快乐的。</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="46010">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">牛津小学英语4A Unit3 A purse第2课时教学反思 - 牛津中小学英语乐园</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="261376">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">(教科版)2019年春九下道德与法治：第6课《乐于劳动善于劳动》ppt教学课件-(九年级)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="393743">立即下载</button>
                            </td>
                        </tr>
                                        </tbody>
                </table>
            </div>
            <div>
                <ul>
                                            <li>
                            <p>
                                <strong>鼓乐铿锵.doc</strong>
                                <span><a target="_blank" title="点击进入下载鼓乐铿锵" href="http://bk.cooco.net.cn/d-jiaoan-664020.html">进入下载</a></span>
                            </p>
                        </li>
                                    </ul>
            </div>


        </div>
    </div>

    <script>
        $(function () {
            $(".down_stat").click(function () {
                $.ajax({
                    url: "http://pro.cooco.net.cn/bk_down_stat/",
                    type: 'get',
                    data: {},
                    crossDomain: true,
                    xhrFields: {
                        withCredentials: true
                    },
                    success: function (res) {
                        if (res.code === 0) {
                            console.log('bk_stat');
                        }
                    }
                });
            });

            // 点击关闭
            $('body').on('click', '.tc_wrape .tc p', function () {
                $(this).parent().parent().hide();
            });

            // 获取当前唯一标识
            var iden = cans();
            var randNum = Math.random();

            $('.downBtn,.doc_title').click(function () {
                // 当前数据key
                var doc = $(this).attr('data-key');
                $('.verify_btn').attr('data-key', doc);

                $('.captcha_img').attr('src', 'http://bk.cooco.net.cn/captchaimg/?iden=' + iden + '&doc=' + doc + '&rand_num=' + randNum);
                $('.tc_wrape').show();
            });

            $('.captcha_img').click(function () {
                var doc = $('.verify_btn').attr('data-key');
                $('.captcha_img').attr('src', 'http://bk.cooco.net.cn/captchaimg/?iden=' + iden + '&doc=' + doc + '&rand_num=' + randNum);
            });

            $('.verify_btn').click(function () {
                var captcha_code = $('.captcha_code').val();
                var doc = $(this).attr('data-key');
                var iden = cans();

                if (captcha_code == '' || captcha_code.length != 4) {
                    alert('验证码错误，请重新输入');
                    return false;
                }

                if (doc == '') {
                    alert('操作错误，请刷新页面重试');
                    return false;
                }

                if (iden == '') {
                    alert('抱歉，系统错误，请联系客服！');
                    return false;
                }

                $.get('http://bk.cooco.net.cn/verify/?' + Math.random(), {'iden': iden, 'doc': doc, 'captcha_code': captcha_code}, function (data) {
                    if (data.code == 0) {
                        $('.captcha_code').val('');
                        $('.tc_wrape .tc p').click();
                        window.open(data.data);
                    } else {
                        alert('验证码错误');
                        $('.captcha_img').click();
                        $('.captcha_code').val('');
                        return false;
                    }
                }, 'json');
            });

            function cans() {
                var canvas = document.createElement('canvas');
                var ctx = canvas.getContext('2d');
                var txt = 'http://security.tencent.com/';
                ctx.textBaseline = "top";
                ctx.font = "14px 'Arial'";
                ctx.textBaseline = "tencent";
                ctx.fillStyle = "#f60";
                ctx.fillRect(125, 1, 62, 20);
                ctx.fillStyle = "#069";
                ctx.fillText(txt, 2, 15);
                ctx.fillStyle = "rgba(102, 204, 0, 0.7)";
                ctx.fillText(txt, 4, 17);

                var b64 = canvas.toDataURL().replace("data:image/png;base64,", "");
                var bin = atob(b64);
                var crc = bin2hex(bin.slice(-16, -12));
                return crc;
            }

            function bin2hex(str) {
                var result = "";
                for (var i = 0; i < str.length; i++) {
                    result += int16_to_hex(str.charCodeAt(i));
                }
                return result;
            }

            function int16_to_hex(i) {
                var result = i.toString(16);
                var j = 0;
                while (j + result.length < 4) {
                    result = "0" + result;
                    j++;
                }
                return result;
            }
        });
    </script>
{/block}