当前位置:   article > 正文

html自动选题,index.html

html 101 index-7.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

原始数据

按行查看

历史

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小惠珠哦/article/detail/955073
推荐阅读
相关标签
  

闽ICP备14008679号