html自动选题,index.html

明月-网课一点通

body, html {

height: 100%;

padding: 10px;

-webkit-tap-highlight-color: transparent;

}

.title {

text-align: center;

font-size: 32px;

color: #3cc51f;

font-weight: 400;

margin: 0 15%;

}

hr{

background-color: orange;

}

.header {

padding: 35px 0;

}

em {

font-style: normal;

color: #3cc51f;

}

#Tips{

text-align: center;

color: chocolate;

}

.footer{

text-align: center;

}

a{

text-decoration-line: none;

color: chocolate;

-webkit-text-size-adjust: auto;

}

.wrapper {

text-transform: uppercase;

background: #ececec;

color: #555;

cursor: help;

font-family: "华文楷体","Gill Sans", Impact, sans-serif;

font-size: 20px;

margin: 100px 75px 10px 75px;

/*padding: 15px 20px;*/

position: relative;

text-align: center;

/*width: 200px;*/

-webkit-transform: translateZ(0); /* webkit flicker fix */

-webkit-font-smoothing: antialiased; /* webkit text rendering fix */

}

.wrapper .tooltip {

background: #10aeff;

bottom: 100%;

color: #fff;

display: block;

left: -25px;

margin-bottom: 15px;

opacity: 0;

padding: 20px;

pointer-events: none;

position: absolute;

width: 100%;

-webkit-transform: translateY(10px);

-moz-transform: translateY(10px);

-ms-transform: translateY(10px);

-o-transform: translateY(10px);

transform: translateY(10px);

-webkit-transition: all .25s ease-out;

-moz-transition: all .25s ease-out;

-ms-transition: all .25s ease-out;

-o-transition: all .25s ease-out;

transition: all .25s ease-out;

-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);

-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);

-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);

-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);

box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);

}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */

.tooltip:before {

bottom: -20px;

content: " ";

display: block;

height: 20px;

left: 0;

position: absolute;

width: 100%;

}

/* CSS Triangles - see Trevor's post */

.tooltip:after {

border-left: solid transparent 10px;

border-right: solid transparent 10px;

border-top: solid #10aeff 10px;

bottom: -10px;

content: " ";

height: 0;

left: 50%;

margin-left: -13px;

position: absolute;

width: 0;

}

.wrapper:hover .tooltip {

opacity: 1;

pointer-events: auto;

-webkit-transform: translateY(0px);

-moz-transform: translateY(0px);

-ms-transform: translateY(0px);

-o-transform: translateY(0px);

transform: translateY(0px);

}

/* IE can just show/hide with no transition */

.lte8 .wrapper .tooltip {

display: none;

}

.lte8 .wrapper:hover .tooltip {

display: block;

}

网课-搜题助手

图片题目可尝试使用图片地址如：https://p.ananas.chaoxing.com/star3/origin/e542b2d6e2440ebb21cefc86731f90ed.png 作为关键词搜索

请尽可能输入完整题目！

搜索

Tips:多接口查题，可能返回较慢，请耐心等待，不要多次点击搜索，谢谢合作！

---

---

$(document).ready(function(){

$("#search").click(function(){

var qid=$("#question1").val();

if (qid.length < 1) {

alert('请确保每项不能为空！');

return;

}

if(qid==''){alert('请确保每项不能为空！');return false;}

var mytoken=token(qid);

$("#search").attr("disabled","disabled");

$.ajax({

async: false,

type: "GET",

dataType: 'jsonp',

jsonp: 'callback',

jsonpCallback: 'callbackfunction',

xhrFields: {

withCredentials: true // 这里设置了withCredentials

},

headers: {

Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3",

},

url : "http://wk.92e.win/fortest.php",

data : {q:qid},

success : function(data) {

var result = JSON.stringify(data);

$('#question').html('题目：' + result);

$('#answer').html('答案：' + result);

$('#question1').val('');

$("#search").removeAttr("disabled");

}

});

$.ajax({

async: false,

type: "GET",

dataType: 'jsonp',

jsonp: 'callback',

jsonpCallback: 'callbackfunction',

xhrFields: {

withCredentials: true // 这里设置了withCredentials

},

headers: {

Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3",

},

url : "http://wk.92e.win/api/tmlib.php",

data : {q:qid},

success : function(data) {

var result = JSON.stringify(data);

$('#q2').html('题目：' + result);

$('#a2').html('答案：' + result);

//$('#a2option').html('选项：' + data.option);

}

});

$.ajax({

async: false,

type: "GET",

dataType: 'jsonp',

jsonp: 'callback',

jsonpCallback: 'callbackfunction',

xhrFields: {

withCredentials: true // 这里设置了withCredentials

},

headers: {

Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3",

},

url : "http://wk.92e.win/api/morepng.php",

data : {q:qid,token:mytoken},

success : function(data) {

var result = JSON.stringify(data);

$('#q3').html('题目：' + result);

$('#a3').html('答案：' + result);

//$('#a2option').html('选项：' + data.option);

}

});

});

});

document.domain='http://wk.92e.win'

一键复制

编辑

Web IDE

原始数据

按行查看

历史