端午节龙船鼓答题器

空蒙发表于 2023-6-16 10:19:06

<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-7571171-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>

1153
<script>
;(function () {
/**
* 题库的问题和答案
* @description 按格式添加题库数据
*/
const config = [
   {
   question: '端午节是中国的传统节日，通常在农历几月庆祝？',
   answer: '五月',
   },
   {
   question: '端午节的另一个名字是什么？',
   answer: '龙舟节',
   },
   {
   question: '泮塘村的“起龙”仪式通常在哪一天举行？',
   answer: '四月初八',
   },
   {
   question: '传统的端午节习俗之一是吃什么？',
   answer: '粽子',
   },
   {
   question: '泮塘村的老龙船建造于哪个朝代？',
   answer: '明朝',
   },
   {
   question: '在起龙仪式中，男丁们需要挖出湖中深处的什么东西？',
   answer: '龙船',
   },
   {
   question: '泮塘村的龙船有多长？',
   answer: '38米',
   },
   {
   question: '龙船的船头和船尾通常会插上什么？',
   answer: '龙船牌',
   },
   {
   question: '泮塘村的龙船和盐步龙舟的结契文化有多少年历史？',
   answer: '400多年',
   },
   {
   question: '泮塘村的龙船在被挖出来后会进行什么仪式？',
   answer: '划船三次',
   },
   {
   question: '端午节的独特习俗之一是什么？',
   answer: '赛龙舟',
   },
   {
   question: '端午节的龙舟赛是为了纪念哪位古代诗人？',
   answer: '屈原',
   },
   {
   question:
      '荔湾区第十三届“荔枝湾·新西关”民俗文化活动的举办地点是哪个公园？',
   answer: '荔湾湖公园',
   },
   {
   question:
      '在泮塘村的起龙仪式中，什么水被洒在男丁们身上以祈求顺利和健康？',
   answer: '柚子叶和黄皮叶浸泡的水',
   },
   {
   question: '端午节的另一个重要习俗是什么？',
   answer: '系艾草香囊',
   },
   {
   question: '泮塘村的“老龙”仁威一号船建造于明朝的哪个年代？',
   answer: '嘉靖年间',
   },
   {
   question: '泮塘村的龙船挖出来后会进行什么活动以保养龙船？',
   answer: '擦拭船身',
   },
   {
   question: '泮塘村的龙船牌分别插在龙船的哪个部位？',
   answer: '船头和船尾',
   },
   {
   question: '泮塘村的龙船队伍邀请其他村庄参加起龙仪式是为了什么？',
   answer: '庆祝端午节',
   },
   {
   question:
      '在泮塘村的起龙仪式中，男丁们需要洒的水是由柚子叶和什么叶浸泡的？',
   answer: '黄皮叶',
   },
   {
   question: '泮塘首二三约的龙船是由什么木材制作而成的？',
   answer: '坤甸树',
   },
   {
   question: '端午节的习俗之一是用什么来驱邪？',
   answer: '艾草',
   },
   {
   question: '泮塘村村民使用什么保养龙船？',
   answer: '猪油',
   },
{
question: '中国民间的端午节相传是为了纪念哪一个人物？',
answer: '屈原',
},
{
question: '下列哪个名称不是端午节的别称？',
answer: '中天节',
},
{
question: '下列哪项不是端午节的习俗？',
answer: '登高',
},
{
question: '“昔日屈原怀沙忠死，后人每年以五色丝络敉而吊之。”其中的五色丝络是哪五种颜色的丝线？',
answer: '青、红、白、黑、黄',
},
{
question: '屈原是春秋战国时期哪国人？',
answer: '楚国',
},
{
question: '屈原的代表作是什么？',
answer: '《离骚》',
},
{
question: '我国一些地区端午节的风俗是在门上插什么东西祛毒辟邪？',
answer: '菖蒲',
},
{
question: '农历五月初五是端午节，请问这个“端”字在这里是什么意思？',
answer: '初开端',
},
{
question: '下列哪种食品不属于端午节传统食品？',
answer: '青团',
},
{
question: '下面哪样东西不是制作粽子的原料？',
answer: '面粉',
},
{
question: '五色新丝缠角粽，金盘送，生绡画扇盘双凤。正是浴兰时节动，菖蒲酒美清尊共。这首诗的作者是谁？',
answer: '欧阳修',
},
{
question: '清明插柳，端午插（）？',
answer: '艾',
},
{
question: '端午三友是指？',
answer: '艾草、菖蒲、蒜头',
},
{
question: '以下中国四大民间传说中，哪一部与端午节有关？',
answer: '白蛇传',
},
{
question: '“风萧声动，玉壶光转，一夜鱼龙舞”描绘的是（）晚上的狂欢情景。',
answer: '元宵节',
},
{
question: '诗句“角黍包金，菖蒲泛玉”中的角黍指的是什么？',
answer: '粽子',
},
{
question: '粽子是以下我国哪个地方的主要特产？',
answer: '浙江嘉兴',
},
{
question: '以下哪项不是嘉兴粽子的特点？',
answer: '入口即化',
},
{
question: '我国第一位伟大的浪漫主义爱国诗人是？',
answer: '屈原',
},
{
question: '月上柳梢头，人约黄昏后。写的是中国哪个传统节日？',
answer: '元宵节',
},
{
question: '中国自古就有在端午节将菖蒲挂于门户的习俗。菖蒲可入药，请问石菖蒲的药效是？',
answer: '化湿和胃',
},
{
question: '屈原所著的《离骚》一共有多少句？',
answer: '373',
},
{
question: '屈原放逐，乃赋《离骚》。《离骚》是我国最早的一部什么诗？',
answer: '抒情诗',
},
{
question: '我国的端午节是指每年什么时候？',
answer: '农历五月初五',
},
{
question: '下列哪个名称是端午节的别称？',
answer: '夏节',
},
   {
   question: '在龙舟比赛中，夺得锦旗的一方将会被判定为？',
   answer: '胜利',
   },
   {
   question: '泮塘村的龙船“老龙”满员可乘坐多少人？',
   answer: '90人',
   },
]

/**
* 生成高亮关键词的问题的 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>


<br><br>
文字版题库已更新，CTRL+F打开浏览器搜索框，输入文字搜索即可。
<br><br>
1、中国民间的端午节相传是为了纪念哪一个人物？——屈原<br>
2、下列哪个名称不是端午节的别称？——中天节<br>
3、下列哪项不是端午节的习俗？——登高<br>
4、“昔日屈原怀沙忠死，后人每年以五色丝络敉而吊之。”其中的五色丝络是哪五种颜色的丝线？——青、红、白、黑、黄<br>
5、屈原是春秋战国时期哪国人？——楚国<br>
6、屈原的代表作是什么？——《离骚》<br>
7、我国一些地区端午节的风俗是在门上插什么东西祛毒辟邪？——菖蒲<br>
8、农历五月初五是端午节，请问这个“端”字在这里是什么意思？——初开端<br>
9、下列哪种食品不属于端午节传统食品？——青团<br>
10、下面哪样东西不是制作粽子的原料？——面粉<br>
11、五色新丝缠角粽，金盘送，生绡画扇盘双凤。正是浴兰时节动，菖蒲酒美清尊共。这首诗的作者是谁？——欧阳修<br>
12、清明插柳，端午插（）？——艾<br>
13、端午三友是指？——艾草、菖蒲、蒜头<br>
14、以下中国四大民间传说中，哪一部与端午节有关？——白蛇传<br>
15、“风萧声动，玉壶光转，一夜鱼龙舞”描绘的是（）晚上的狂欢情景。——元宵节<br>
16、诗句“角黍包金，菖蒲泛玉”中的角黍指的是什么？——粽子<br>
17、粽子是以下我国哪个地方的主要特产？——浙江嘉兴<br>
18、以下哪项不是嘉兴粽子的特点？——入口即化<br>
19、我国第一位伟大的浪漫主义爱国诗人是？——屈原<br>
20、月上柳梢头，人约黄昏后。写的是中国哪个传统节日——元宵节<br>
21、中国自古就有在端午节将菖蒲挂于门户的习俗。菖蒲可入药，请问石菖蒲的药效是？——化湿和胃<br>
22、屈原所著的《离骚》一共有多少句？——373<br>
23、屈原放逐，乃赋《离骚》。《离骚》是我国最早的一部什么诗？——抒情诗<br>
24、我国的端午节是指每年什么时候？——农历五月初五<br>
25、下列哪个名称是端午节的别称？——夏节<br>
26、泮塘村的“起龙”仪式通常在哪一天举行？——四月初八<br>
27、传统的端午节习俗之一是吃什么？——粽子<br>
28、泮塘村的老龙船建造于哪个朝代？——明朝<br>
29、在起龙仪式中，男丁们需要挖出湖中深处的什么东西？——龙船<br>
30、泮塘村的龙船有多长？——38米<br>
31、龙船的船头和船尾通常会插上什么？——龙船牌<br>
32、泮塘村的龙船和盐步龙舟的结契文化有多少年历史？——400多年<br>
33、泮塘村的龙船在被挖出来后会进行什么仪式？——划船三次<br>
34、端午节的独特习俗之一是什么？——赛龙舟<br>
35、端午节的龙舟赛是为了纪念哪位古代诗人？——屈原<br>
36、荔湾区第十三届“荔枝湾·新西关”民俗文化活动的举办地点是哪个公园？——荔湾湖公园<br>
37、在泮塘村的起龙仪式中，什么水被洒在男丁们身上以祈求顺利和健康？——柚子叶和黄皮叶浸泡的水<br>
38、端午节的另一个重要习俗是什么？——系艾草香囊<br>
39、泮塘村的“老龙”仁威一号船建造于明朝的哪个年代？——嘉靖年间<br>
40、泮塘村的龙船挖出来后会进行什么活动以保养龙船？——擦拭船身<br>
41、泮塘村的龙船牌分别插在龙船的哪个部位？——船头和船尾<br>
42、泮塘村的龙船队伍邀请其他村庄参加起龙仪式是为了什么？——庆祝端午节<br>
43、在泮塘村的起龙仪式中，男丁们需要洒的水是由柚子叶和什么叶浸泡的？——黄皮叶<br>
44、泮塘首二三约的龙船是由什么木材制作而成的？——坤甸树<br>
45、端午节的习俗之一是用什么来驱邪？——艾草<br>
46、泮塘村村民使用什么保养龙船？——猪油<br>
47、在龙舟比赛中，夺得锦旗的一方将会被判定为？——胜利<br>
48、泮塘村的龙船“老龙”满员可乘坐多少人？——90人<br>
49、我国的端午节另一个名称是什么？——龙舟节<br>

</div></div></div>

陨铁发表于 2023-6-19 17:18:39

更多端午节活动攻略可点击进行跳转：重五龙船渡，粽香庆端午—2023年端午节活动攻略

空蒙发表于 2023-6-20 17:02:23

答题器使用教程

<br>如下图所示，在输入框里输入中文或者拼音（全拼或拼音缩写都可以）。<br><br>
https://ok.166.net/forum/xyq/forum/202303/31/64268583a5308.png<br>
假设题目是：烽火连三月，后半句是什么？<br>

你可以输入拼音首写，比如fh，fhl，fhlsy……等等，都可以。<br><br>
https://ok.166.net/forum/xyq/forum/202303/31/6426862c7b049.png<br>
也可以输入全拼，比如fenghuo，fenghuolian，fenghuoliansanyue……等等，都可以。<br><br>
https://ok.166.net/forum/xyq/forum/202303/31/64268662d8cca.png<br>
还可以输入中文，比如烽火，烽火连，烽火连三月……等等，都可以。<br><br>
https://ok.166.net/forum/xyq/forum/202303/31/642686379b98a.png<br>

天才and白痴 发表于 2023-6-17 22:45:55

谢谢分享#112

我就奇了怪了 发表于 2023-6-20 13:36:06

哪有端午答题器？根本没题库啊

彪布拉基 发表于 2023-6-20 14:46:23

答题器用不了

空蒙发表于 2023-6-20 15:50:49

我就奇了怪了发表于 2023-6-20 13:36 福建
哪有端午答题器？根本没题库啊

更新了答题器使用教程。你点击展开看看。

空蒙发表于 2023-6-20 15:51:00

彪布拉基发表于 2023-6-20 14:46 山东
答题器用不了

更新了答题器使用教程。你点击展开看看。

我就奇了怪了 发表于 2023-6-20 17:01:17

空蒙发表于 2023-6-20 15:50 重庆
更新了答题器使用教程。你点击展开看看。

不行哦，输入了但是没反应

盗版阿飞 发表于 2023-6-20 17:04:52

我也遇到了答题器无法正常使用的情况，已反馈#23

NC小怪 发表于 2023-6-20 21:26:40

1111

空蒙发表于 2023-6-21 10:51:44

我就奇了怪了发表于 2023-6-20 17:01 福建
不行哦，输入了但是没反应
已经修正了部分情况下JS加载失败的问题，你再试试。

laoyufu12333 发表于 2023-6-21 20:50:22

根本不能用问的没有

页: [1]

《梦幻西游》电脑版官方论坛's Archiver

端午节龙船鼓答题器

答题器使用教程