{extend name="beike/base" /}
{block name="staticcontent"}
    <meta http-equiv="mobile-agent"
          content="format=xhtml; url=http://bk.cooco.net.cn/mdown-jiaoan-664011.html">
    <meta http-equiv="mobile-agent"
          content="format=html5; url=http://bk.cooco.net.cn/mdown-jiaoan-664011.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-jiunianjiyinlejiaoan/" 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-jiunianjiyinlejiaoan/" 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="85317">立即下载</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="63905">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">10 静默草原－教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="85316">立即下载</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="94746">立即下载</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="85314">立即下载</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="85315">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">(语文版)2018学年三年级上册：第2课《吹泡泡》示范教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="63725">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">13、小河与青草－教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="94747">立即下载</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="85514">立即下载</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="94744">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">(语文版)2018学年三年级上册：第2课《吹泡泡》教案(含反思)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="63724">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">13 《小河与青草》第二课时</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="94745">立即下载</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="15884">立即下载</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="15882">立即下载</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="110696">立即下载</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="89744">立即下载</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="15881">立即下载</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="110698">立即下载</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="81192">立即下载</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="110695">立即下载</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="81191">立即下载</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="127017">立即下载</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="351882">立即下载</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="344789">立即下载</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="15883">立即下载</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="332294">立即下载</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="81194">立即下载</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="81173">立即下载</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="15863">立即下载</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="81174">立即下载</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="110678">立即下载</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="15864">立即下载</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="388949">立即下载</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="81193">立即下载</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="110697">立即下载</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="110677">立即下载</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="94748">立即下载</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="81195">立即下载</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="61072">立即下载</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="110699">立即下载</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="15885">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">(金牌学案)2016秋地理人教版高二选修6练习：4.2_草地退化及其防治_word版含解析</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="332293">立即下载</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-664011.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}