四季副本答题器
<!-- 答题器代码 --><style>
.answer__finder--container {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.answer__finder--container .banner {
width: 100%;
height: 0;
padding-top: 30%;
background-image: url('https://ok.166.net/forum/xyq/forum/202002/10/162413m86qjw4q8qwdvwrc.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.answer__finder--container .answer-finder {
width: 100%;
background-color: #fff;
box-sizing: border-box;
padding: 24px;
}
.answer__finder--container .answer-finder .nav {
display: flex;
flex-wrap: wrap;
width: 100%;
background-color: #456077;
border-radius: 10px;
overflow: hidden;
}
.answer__finder--container .answer-finder .nav a {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 50%;
height: 50px;
color: #fff;
font-size: 20px;
text-decoration: none;
box-sizing: border-box;
border: 1px rgba(0, 0, 0, 0.2) solid;
border-left: 0;
border-top: 0;
box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2);
}
.answer__finder--container .answer-finder .nav a:hover,
.answer__finder--container .answer-finder .nav a.cur {
color: #f997a4;
background: rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
}
.answer__finder--container .answer-finder .tips {
width: 100%;
background-color: #f8f8f8;
border-radius: 10px;
box-sizing: border-box;
padding: 24px 24px 24px 2em;
line-height: 1.8;
margin: 24px auto;
}
.answer__finder--container .answer-finder .search-frame {
position: relative;
width: 500px;
max-width: 100%;
height: 40px;
box-sizing: border-box;
border: 1px solid #999;
border-radius: 10px;
overflow: hidden;
margin: 24px auto 0;
}
.answer__finder--container .answer-finder .search-frame::before {
content: '';
position: absolute;
top: 50%;
left: 5px;
width: 28px;
height: 28px;
background-image: url('https://ok.166.net/forum/xyq/forum/202301/14/224931hfovfeeebvb90b7f.png');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
margin-top: -14px;
}
.answer__finder--container .answer-finder .search-frame input {
position: absolute;
top: 0;
right: 0;
left: 30px;
height: 100%;
box-sizing: border-box;
padding: 0 10px;
outline: none;
border: 0;
}
.answer__finder--container .answer-finder .question-list {
width: 100%;
margin: 24px auto 0;
}
.answer__finder--container .answer-finder .question-list .no-result {
width: 100%;
text-align: center;
font-size: 14px;
color: #999;
margin: 0 auto;
}
.answer__finder--container .answer-finder .question-list .item {
display: flex;
align-items: center;
width: 100%;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
box-sizing: border-box;
}
.answer__finder--container .answer-finder .question-list .item:last-child {
border-bottom: 1px solid #999;
}
.answer__finder--container .answer-finder .question-list .item.head {
background-color: #f8f8f8;
}
.answer__finder--container .answer-finder .question-list .item.head .column {
justify-content: center;
font-weight: bold;
}
.answer__finder--container .answer-finder .question-list .item .column {
display: flex;
align-items: center;
padding: 12px;
box-sizing: border-box;
overflow: hidden;
}
.answer__finder--container .answer-finder .question-list .item .column.order,
.answer__finder--container .answer-finder .question-list .item .column.type {
width: 80px;
justify-content: center;
}
.answer__finder--container
.answer-finder
.question-list
.item
.column.question {
flex: 1;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
.answer__finder--container
.answer-finder
.question-list
.item
.column.question.is-first {
border-left: 0;
}
.answer__finder--container
.answer-finder
.question-list
.item
.column.question
.highlight {
color: #ef4444;
}
.answer__finder--container
.answer-finder
.question-list
.item
.column.answer {
flex: 1;
max-width: 40%;
}
.answer__finder--container
.answer-finder
.question-list
.item
.column.answer.min {
justify-content: center;
max-width: 100px;
}
.answer__finder--container
.answer-finder
.question-list
.item
.column.answer.right {
color: #10b981;
font-weight: bold;
}
.answer__finder--container
.answer-finder
.question-list
.item
.column.answer.wrong {
color: #ef4444;
font-weight: bold;
}
</style>
<div class="answer__finder--container">
<div class="banner"></div>
<div class="answer-finder">
<nav class="nav">
<a href="/thread-7535835-1-1.html" class="cur">四季副本题库</a>
<a href="/thread-7575331-1-1.html">答题工具汇总</a>
</nav>
<div class="search-frame">
<input type="text" placeholder="请输入关键词查询" />
</div>
<div class="question-list"></div>
</div>
</div>
1125
<script>
;(function () {
/**
* 题库的问题和答案
* @description 按格式添加题库数据
*/
const config = [
{
question: '电脑版快捷键Alt+Y的功能为',
answer: '屏蔽非队长玩家',
},
{
question: '口袋版活跃度连续7天超过300可以获得什么称谓',
answer: '小葫芦侠',
},
{
question: '《梦幻西游》电脑版一共有多少个角色',
answer: '18',
},
{
question: '下面哪个门派是人族门派',
answer: '神木林',
},
{
question: '每周六上午10：00——11：30举行的常规活动名字为',
answer: '慈心渡鬼',
},
{
question: '“天籁之音”玩法的举办时间为',
answer: '每周五下午16：00——18：35',
},
{
question: '“巧诱妖灵”玩法的举办时间为',
answer: '每周四下午15：00——17：30',
},
{
question: '口袋版获得的奖励需要到哪里领取',
answer: '葫芦精灵',
},
{
question: '领取口袋版奖励的NPC葫芦精灵在哪个城市',
answer: '宝象国',
},
{
question: '凌波城是哪个种族的门派',
answer: '仙',
},
{
question: '神木林是哪个种族的门派',
answer: '人',
},
{
question: '无底洞是哪个种族的门派',
answer: '魔',
},
{
question: '副本“车迟斗法”建设道观环节中，每人最多上交多少木材',
answer: '80个',
},
{
question: '杀破狼可以加入以下哪个门派',
answer: '阴曹地府',
},
{
question: '巫蛮儿可以加入以下哪个门派',
answer: '女儿村',
},
{
question: '羽灵神可以加入以下哪个门派',
answer: '五庄观',
},
{
question: '多少等级的玩家可以消耗正常经验使用4级法宝',
answer: '≥120',
},
{
question: '以下哪个法宝属于辅助类法宝',
answer: '重明战鼓',
},
{
question: '“凌波仙符”属于哪一类法宝',
answer: '攻击',
},
{
question: '两次领取节日礼物的在线时间要求最高为',
answer: '24小时',
},
{
question: '“金蟾”是哪个门派的法宝',
answer: '无底洞',
},
{
question: '社区房屋可以在土地门牌处花费多少个彩果进行房屋染色',
answer: '2',
},
{
question:
'达到多少级的玩家可以在三界洞天使者处学习技能，随时和不同服务器的玩家进行乾坤盘对战',
answer: '50',
},
{
question: '在密令状态下完成神器任务可获得多少额外积分奖励',
answer: '120',
},
{
question: '在密令状态下完成副本任务可获得多少额外积分奖励',
answer: '150',
},
{
question: '点化超级人参果需要耗费多少点活力',
answer: '400',
},
{
question: '点化超级人参果需要耗费多少点体力',
answer: '400',
},
{
question: '定制门派秘方消息需要在门派首席弟子处花费多少银两',
answer: '20000',
},
{
question: '地煞星在每周的哪一天不会出现',
answer: '星期天',
},
{
question: '召唤兽装饰的合成方式是使用特定召唤兽与圣兽丹进行什么操作',
answer: '炼妖',
},
{
question: '完成凌波城入世剧情任务后获得的任务道具是',
answer: '三尖两刃戟',
},
{
question: '弓弩是以下哪个角色使用的武器',
answer: '羽灵神',
},
{
question: '每个超级人参果可以将玩家的多少点某项属性转化为相应潜力点',
answer: '20',
},
{
question: '人物完成渡劫剧情后，召唤兽等级上限为',
answer: '180级',
},
{
question: '领取《梦幻西游》电脑版新门派入世剧情的NPC是',
answer: '玄机子',
},
{
question: '宝珠是以下哪个角色使用的武器',
answer: '巫蛮儿',
},
{
question: '“春色满园”玩法的举办时间为',
answer: '每周二下午15：00——17：00',
},
{
question: '法宝"太虚玉液"的作用为',
answer: '回复气血',
},
{
question: '可以在口袋版中进行以下哪种操作',
answer: '照顾子女温饱',
},
{
question:
'点石成金中，玩家可以使用陨铁对150级装备进行幻化，下面哪种装备不能被幻化？',
answer: '修理失败3次的装备',
},
{
question: '口袋版活跃度连续30天超过300可以获得什么称谓',
answer: '小葫芦仙',
},
{
question: '制作160武器需要多少级打造技巧？',
answer: '160',
},
{
question: '口袋版中不能进行下面哪种操作',
answer: '领取双倍时间',
},
{
question: '160级装备分解后最多可获得多少个陨铁？',
answer: '7',
},
{
question: '160装备打造任务“神兵苏醒”在哪个NPC处领取？',
answer: '袁天罡',
},
{
question: '凌波城可以经由哪里的传送人到达',
answer: '大唐国境',
},
{
question: '修罗傀儡鬼的出没场景是？',
answer: '柳林坡',
},
{
question: '蜃气妖的出没场景是？',
answer: '柳林坡',
},
{
question: '藤蔓妖花的出没场景是？',
answer: '柳林坡',
},
{
question: '修罗傀儡妖的出没场景是？',
answer: '比丘国',
},
{
question: '口袋版中玩家不会获得以下哪种奖励',
answer: '点卡',
},
{
question: '曼珠沙华的出没场景是？',
answer: '比丘国',
},
{
question: '下列哪一个场景是暗雷场景？',
answer: '比丘国',
},
{
question: '完成了比丘国剧情可以获得几点剧情点？',
answer: '0',
},
{
question: '比丘国剧情的领取条件是多少级？',
answer: '飞升前130级',
},
{
question: '修罗傀儡鬼出战的人物等级要求为？',
answer: '155',
},
{
question: '蜃气妖出战的人物等级要求为？',
answer: '155',
},
{
question: '藤蔓妖花出战的人物等级要求为？',
answer: '155',
},
{
question: '每个子女每年食用“雄黄酒”的上限为',
answer: '10',
},
{
question: '曼珠沙华出战的人物等级要求为？',
answer: '165',
},
{
question: '星石“云荒”的镶嵌部位是？',
answer: '头盔',
},
{
question: '星石“暮霭”的镶嵌部位是？',
answer: '项链',
},
{
question: '星石“落日”的镶嵌部位是？',
answer: '武器',
},
{
question: '“人气”低于多少的玩家将无法报名参加英雄大会',
answer: '500',
},
{
question: '法宝“拭剑石”每回合最多消耗几点灵气',
answer: '1',
},
{
question: '用于通过口袋版照顾子女温饱的“储备口粮任务”在哪里领取',
answer: '房屋佣人',
},
{
question: '下列哪种星石无法获得增加气血的附加属性？',
answer: '落日',
},
{
question: '下列哪种星石无法获得增加速度的附加属性？',
answer: '暮霭',
},
{
question: '最高效果的符石套装，要求装备等级之和大于多少？',
answer: '780',
},
{
question: '下列哪一项是无底洞的符石套装？',
answer: '山甲',
},
{
question: '下列哪一项是神木林的符石套装？',
answer: '秋风',
},
{
question: '拜师等级要求为',
answer: '15级≤玩家等级≤45级',
},
{
question: '“大闹天宫”副本的最低参与等级是多少？',
answer: '100',
},
{
question: '“大闹天宫”副本的参与人数是多少？',
answer: '10',
},
{
question:
'只要完成了系列副本（猴王出世、齐天大圣、大闹天宫）的玩家都将获得一次奖励任务，任务名称是',
answer: '五行斗法',
},
{
question:
'完成“大闹天宫”副本将有机会获得一种点化装备套装效果的道具，这种道具名称为',
answer: '附魔宝珠',
},
{
question: '以下哪种不是飞行祥瑞',
answer: '闲云野鹤',
},
{
question: '兑换飞天密信需要花费多少点门贡',
answer: '600',
},
{
question: '电脑版查看祥瑞的快捷键是',
answer: 'alt+U',
},
{
question:
'玩家达到多少级且满足相应的人气和阴德条件可以参加“剑会天下”活动',
answer: '55',
},
{
question: '领取“奇遇”任务将消耗多少点三界功绩',
answer: '0',
},
{
question: '奇遇任务“九色鹿·上”的入口NPC为',
answer: '涅槃圣莲',
},
{
question: '购买一张“如梦奇谭”戏票需要多少点副本积分',
answer: '150',
},
{
question: '腾云驾雾资料片中的新地图场景为',
answer: '丝绸之路',
},
{
question: '通过丝绸之路可以通往以下哪个地方',
answer: '比丘国',
},
{
question: '口袋版中活跃度达到多少可以领取第一级别奖励',
answer: '100',
},
{
question: '口袋版中活跃度达到多少可以领取第二级别奖励',
answer: '250',
},
{
question: '口袋版中活跃度达到多少可以领取第三级别奖励',
answer: '400',
},
{
question: '口袋版中活跃度达到多少可以领取第四级别奖励',
answer: '580',
},
{
question: '玩家参与竞拍时每次加价金额必须大于等于物品当前价格的多少',
answer: '1%',
},
{
question: '妙法慧心玩法中佛经拓本效果的最大叠加数目是多少',
answer: '3个',
},
{
question: '以下哪个NPC可以帮忙转换一些光武造型',
answer: '武器大师',
},
{
question: '无底洞门派法术“金身舍利”、“明光宝烛”持续回合上限为',
answer: '8回合',
},
{
question: '可以进行跨种族门派角色造型转换的NPC是',
answer: '袁守诚',
},
{
question: '庭院中每棵植物每天可照顾（浇水、施肥）次数上限为',
answer: '100',
},
{
question: '以前哪个NPC处可以恢复此前存储的临时属性',
answer: '太白金星',
},
{
question: '口袋版中进行打坐可以获得以下什么奖励',
answer: '储备金',
},
{
question: '可以为非变异召唤兽变换色彩的NPC是',
answer: '幻彩灵喵',
},
{
question: '储备金模式下，完成1次“如梦奇谭”任务可获得多少点“三界功绩”',
answer: '20',
},
{
question: '可以在《梦幻西游》助手中进行以下哪种操作？',
answer: '给游戏好友发送消息',
},
{
question: '《梦幻西游》助手不能进行下面哪种操作？',
answer: '摆摊',
},
{
question: '《梦幻西游》助手签到不可能获得以下哪种奖励？',
answer: '金柳露',
},
{
question: '《梦幻西游》助手中可以跟谁聊天？',
answer: '都可以',
},
{
question: '《梦幻西游》助手哪个页面可以观看武神坛比赛？',
answer: '视频',
},
]
/**
* 生成高亮关键词的问题的 HTML 模板
* @param {string} keyword - `findResult` 传递的关键词
* @param {string} question - 原始问题
* @param {array} positions - `findResult` 传递的高亮位置的索引， e.g.
*/
function getQuestion(keyword, question, positions) {
const highlight =
positions.length === 2
? question.slice(positions, positions + 1)
: keyword
return question.replace(
new RegExp(highlight, 'gim'),
`<strong class="highlight">${highlight}</strong>`
)
}
/**
* 生成 HTML 模板
* @param {string} keyword - `findResult` 传递的关键词
* @param {array} result - 在 `findResult` 里匹配到的结果
*/
function getTemplate(keyword, result) {
if (!keyword) {
return `<p class="no-result">温馨提示：支持输入中文（如：梦幻西游）、拼音（如：menghuanxiyou）和拼音缩写（如：mhxy）查询题目</p>`
}
if (!Array.isArray(result) || !result.length) {
return `<p class="no-result">_(:з)∠)_ 在题库中没有找到相关的题目！</p>`
}
const head = `
<div class="item head">
<div class="column question is-first">问题</div>
<div class="column answer">答案</div>
</div>
`
const body = result
.map((i) => {
const question = getQuestion(keyword, i.question, i.positions)
return `
<div class="item">
<div class="column question is-first">
<div>${question}</div>
</div>
<div class="column answer">${i.answer}</div>
</div>
`
})
.join('')
return head + body
}
/**
* 渲染结果
* @param {array} template - 从 `getTemplate` 拿到的 HTML 模板
*/
function renderResult(template) {
const el = document.querySelector(
'.answer__finder--container .question-list'
)
if (!el) return
el.innerHTML = ''
el.innerHTML = template
}
/**
* 查找结果
* @param {string} keyword - 玩家输入的关键词
*/
function findResult(keyword) {
const result = !keyword
? []
: config
.filter((i) => PinyinMatch.match(i.question, keyword))
.map((i) => {
const positions = PinyinMatch.match(i.question, keyword) || []
return {
...i,
positions,
}
})
const template = getTemplate(keyword, result)
renderResult(template)
}
/**
* 监听输入框
*/
function watchInput() {
const el = document.querySelector(
'.answer__finder--container .search-frame input'
)
if (!el) return
el.addEventListener('input', function (e) {
const { value } = e.target
findResult(value)
})
}
watchInput()
findResult('')
})()
</script>
<!-- 答题器代码 -->
武神坛比赛 太棒了，我很喜欢 吸血鬼头发的颜色 怎么没用了 为什么受不到答案
拜师
页:
[1]
