html5簡單的選擇題提交答案代碼



240 958 320



特效描述:html5 選擇題提交答案代碼,簡單的答案提交代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/main.css">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/swiper.min.js"></script>

3. HTML代碼

<div class="mind">
  <div class="swiper-container">
    <div class="mindtop"> <span class="swiper-button-prev swiper-button-blue"></span>
      <h4>生活常識選擇題及答案</h4>
      <span class="swiper-button-next swiper-button-blue"></span> </div>
    <div class="swiper-wrapper">
      <dl class="swiper-slide">
        <dt>1、“大煮干絲”是哪個菜系的代表菜之一( )</dt>
        <dd>A、四川菜系</dd>
        <dd>B、山東菜系</dd>
        <dd>C、廣東菜系</dd>
        <dd>D、淮揚菜系</dd>
      </dl>
      <dl class="swiper-slide">
        <dt>2. 吃冰淇淋不解渴主要是因為它:</dt>
        <dd>A、含蛋白質</dd>
        <dd>B、含脂肪</dd>
        <dd>C、含糖</dd>
      </dl>
      <dl class="swiper-slide">
        <dt>3. 工筆是哪種繪畫形式的技法</dt>
        <dd>A、水彩畫</dd>
        <dd>B、油畫</dd>
        <dd>C、水粉畫</dd>
        <dd>D、國畫</dd>
      </dl>
      <dl class="swiper-slide">
        <dt>4、“大煮干絲”是哪個菜系的代表菜之一( )</dt>
        <dd>A、四川菜系</dd>
        <dd>B、山東菜系</dd>
        <dd>C、廣東菜系</dd>
        <dd>D、淮揚菜系</dd>
      </dl>
      <dl class="swiper-slide">
        <dt>5. 吃冰淇淋不解渴主要是因為它:</dt>
        <dd>A、含蛋白質</dd>
        <dd>B、含脂肪</dd>
        <dd>C、含糖</dd>
      </dl>
    </div>
    <div class="swiper-pagination"></div>
    <div class="mindfot">
      <div class="fl-left" id="numok"><img src="images/mindok.png"><span>交卷</span></div>
      <div class="fl-right" id="showall"><img src="images/mindnum.png"><span id="curnum">1</span>/<span id="totnum"></span></div>
      <div class="clearfix"></div>
    </div>
    <div class="maskwhite"></div>
    <div class="subjuan">
      <p>提示</p>
      <p>您已經回答了<span id="subnum"></span>題,確定要交卷么?</p>
      <div class="subyn">
        <div class="fl-left" id="subno">取消</div>
        <div class="fl-right" id="subyes">交卷</div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動選項卡 滑動切換 滾動切換 滾動條切換 彈出層拖動 滑動手風琴 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動星星打分 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 其他 文字提示框 提示文字 列表切換 翻頁切換 答題 按鈕控制 表單提交 分頁 翻頁 分頁插件
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子