赞
踩
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
原始数据
按行查看
历史
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。