下载APP_会课网

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>下载APP_会课网</title> <meta name="renderer" content="webkit|ie-comp|ie-stand" /> <meta https-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="keywords" content="会通教育在线教育互联网教育" /> <meta name="description" content="北京会通教育科技有限公司，简称“会通教育”，成立于2014年，是一家专注于K12教育的互联网高科技企业，公司自创立以来一直致力于研发智能化、个性化学习产品，通过互联网、大数据等方式，打造为广大教师、学生提供在线练习、智能组卷、多种形式分发作业、学习能力报告等功能的智能化教学平台。" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> </head> <style> html, body { width: 100%; height: 100%; } body, ul, li { margin: 0; padding: 0; list-style: none; } body { font-family: 'microsoft yahei', 'Helvetica Neue', sans-serif, SimHei; } .default_width { width: 1000px; margin: 0 auto; } a { text-decoration: none; } .effect { overflow: hidden; position: relative; } .effect:hover:before { transform: scale(130, 130); opacity: 1; } .effect:before { content: ""; display: block; height: 2px; width: 2px; position: absolute; left: 50%; top: 50%; border-radius: 4px; background-color: rgba(0, 0, 0, .2); opacity: 0; transition: all .8s; } .main { margin: 0 auto 0; height: 500px; top: 80px; position: relative; z-index: 22; } .wrap-tea, .wrap-stu, .wrap-parent { position: absolute; width: 1000px; height: 500px; } .wrap-tea { display: none; } /*.left{ width: 540px; height: 500px; position: absolute; top: 0; right: -50px; background: url('./image/download_2.png') center no-repeat; margin-top: 8px; } .wrap-tea .left{ background: url('./image/phone_tea.png') center no-repeat; }*/ .right { width: 550px; height: 530px; float: left; } .right .words { margin-top: 100px; height: 160px; background: url('./image/words.png') no-repeat; } .right .download-box { position: absolute; bottom: 20px; } .right .btn-box { float: left; margin-left: 150px; } .right .btn-box a { display: block; float: left; width: 157px; height: 50px; margin-right: 22px; border-radius: 4px; margin-bottom: 30px; overflow: hidden; } .btn-box .iphone { background: #f6a229 url('./image/iphone.png') center 9px no-repeat; } .btn-box .android { background: #f6a229 url('./image/android.png') center 10px no-repeat; } .wrap-tea .iphone { background: #f6a229 url('./image/iphone.png') center 9px no-repeat; } .right .scan { text-align: center; /*width: 108px;*/ /*height: 108px;*/ padding: 8px; background: #fff; border-radius: 10px; position: absolute; left: 0; top: -74px; } .right .scan img { display: block; } .tab { position: absolute; left: 30px; width: 500px; top: 93px; height: 200px; } .tab li { width: 116px; height: 45px; padding-bottom: 5px; /*margin-right: 55px;*/ display: inline-block; line-height: 45px; text-align: center; font-size: 18px; cursor: pointer; color: #fff; /*border-bottom:4px solid transparent;*/ } .tab .cover, .tab li:hover { /*border-bottom-color: #efd70f;*/ background: url('./image/download_1.png') no-repeat center bottom; } .word-stu, .word-tea, .word-parent { width: 400px; margin-left: 9px; height: 125px; color: #fff; font-size: 16px; line-height: 34px; padding-top: 50px; /*background: url('./image/words_stu.png') left no-repeat;*/ } .word-tea { display: none; /*background-image:url('./image/words_tea.png');*/ } .wrap-parent { display: none; } .wrap-parent .left { background: url(./image/phone_parent.png) center center no-repeat; } .word-parent { /*background-image: url(./image/words_parent.png); */ display: none; } /*修改ui*/ /*顶部导航*/ .second_header { width: 100%; height: 86px; position: absolute; top: 0; left: 0; z-index: 1212; } .header { height: 86px; margin: 0 auto; position: relative; } .header h1 { padding-top: 16px; width: 200px; margin: 0; } .header h1 a { display: block; width: 104px; height: 48px; background: url('./image/logo2.png') no-repeat center; background-size: 104px 48px; } .download { width: 292px; position: absolute; right: 0; top: 35px; } .download a { color: #fff; text-decoration: none; margin-right: 50px; letter-spacing: 2px; } /*页面底部*/ .footer_container { height: 74px; width: 100%; background: #000; position: fixed; bottom: 0; left: 0; z-index: 33; } .footer { padding-top: 16px; line-height: 22px; color: #eee; } .footer h3 { text-align: center; font-size: 12px; font-weight: normal; margin: 0; padding: 0; } .footer p { text-align: center; font-size: 12px; margin: 0; } .footer p a { color: #eee; text-decoration: none; cursor: pointer; } .bgr_img { position: absolute; bottom: 86px; left: 0; width: 100%; height: 500px; z-index: 11; } .bgr_img .student { width: 540px; height: 500px; position: absolute; top: 0; right: 0; background: url('./image/download_2.png') center no-repeat; background-size: 219px 462px; } .bgr_img .teacher { width: 540px; height: 500px; display: none; position: absolute; top: 0; right: 0; background: url('./image/phone_tea.png') center no-repeat; background-size: 219px 462px; } .bgr_img .parent { width: 540px; height: 500px; display: none; position: absolute; top: 0; right: 0; background: url('./image/phone_parent.png') center no-repeat; background-size: 219px 462px; } .box { position: relative; width: 100%; height: 100%; background: url('./image/download_bgr.png') no-repeat left bottom; background-size: 100% 650px; } .btm { width: 1000px; margin: 0 auto; height: 500px; position: relative; } .bigbox { width: 100%; height: 100%; background: url('./image/download_line.png') repeat-y; min-height: 650px; min-width: 1000px; background-size: 100% 1px; } </style> <body> <div class="bigbox"> <div class="box"> <div class="second_header"> <div class="header default_width"> <h1> <a href="https://www.willclass.com"></a> </h1> <div class="download"> <a href="https://app.willclass.com">下载APP</a> <a href="https://app.willclass.com/downloadClient.html">下载客户端</a> </div> </div> </div>  <div class="main default_width"> <div class='wrapper wrap-stu'>  <div class="right"> <div class="download-box"> <div class="scan"> <img src="./image/student_qr.png" alt="https://app.willclass.com/student.html"> </div> <div class="btn-box"> <a href='https://itunes.apple.com/cn/app/hui-ke/id1017695575?mt=8' class="iphone effect"></a> <a href='javascript:;' class="android effect"></a> </div> </div> </div> </div> <div class='wrapper wrap-tea'>  <div class="right"> <div class="download-box"> <div class="scan"> <img src="./image/teacher_qr.png" alt="https://app.willclass.com/teacher.html"> </div> <div class="btn-box"> <a href='https://itunes.apple.com/cn/app/hui-ke-jiao-shi-ban/id1080543591?mt=8' class="iphone effect"></a> <a href='javascript:;' class="android effect"></a> </div> </div> </div> </div>  <div class="tab"> <ul> <li id='stu-btn' class='cover' link="wrap-stu" link-word="word-stu">学生版</li> <li id='tea-btn' link="wrap-tea" link-word="word-tea">教师版</li>  </ul> <div class="words word-stu">智能个性化的学习利器<br>比你更了解自己，优质资源让你学个爽 </div> <div class="words word-tea">简单、高效率的教学利器<br>随身携带的工具包，关注学生学习状况。</div>  </div> </div> <div class="footer_container"> <div class="footer default_width"> <h3>公司地址：北京市海淀区中关村大街11号10层1002室</h3> <p> <a href="https://beian.miit.gov.cn">京ICP备15036618号-1</a> <a href="https://www.willclass.com">Huitong Edu. ©</a> </p> </div> </div> <div class="bgr_img"> <div class="btm"> <div class="student"></div> <div class="teacher"></div> <div class="parent"></div> </div> </div> </div> </div> </body> <script src="https://libs.willclass.com/libs/jquery/1.11.1/jquery.min.js"></script> <script> var onoff = true; if (document.documentElement.scrollHeight > document.documentElement.clientHeight) { $('.main').css({ "top": "30px" }); // $('body').css({"backgroundSize":"100% 400px"}) } var appClient = 2 $('#stu-btn,#tea-btn,#parent-btn').on('click', function () { if (!onoff) return; onoff = false; var _this = $(this); $(this).parent().find('li').removeClass('cover'); $(this).addClass('cover'); $(".wrapper").fadeOut(1000); $(".words").each(function (index, el) { if ($(this).css("display") != "none") { $(this).fadeOut(500, function () { $("." + _this.attr("link-word")).fadeIn(500); onoff = true; }) } }); // $('.words').fadeOut(500,function(){ // $("."+_this.attr("link-word")).fadeIn(500); // onoff = true; // }); $("." + $(this).attr("link")).fadeIn(); //onoff = true; appClient = ['','tea-btn','stu-btn','parent-btn'].indexOf(_this.attr('id')) }); $('#stu-btn').on('click', function () { $('.student').fadeIn(1000).siblings().fadeOut(1000); }) $('#tea-btn').on('click', function () { $('.teacher').fadeIn(1000).siblings().fadeOut(1000); }) $('#parent-btn').on('click', function () { $('.parent').fadeIn(1000).siblings().fadeOut(1000); }) $(".android.effect").on('click', function () { $.ajax({ url: '/app/api/web/fetch/app/version', contentType: 'application/json', method: 'GET', data: { appClient: appClient }, success: function (result) { if (result.status == 0) { var a = document.createElement('a') var url = result.data.url.replace('http://','https://') a.href = url a.download = 'ht_'+['','teacher','student','parent'][appClient]+'.apk' a.click() } else { console.error(result); } } }) }) </script> </html>

CINXE.COM

下载APP_会课网