jQuery实现网页考试答题

时间:2024-10-13 04:18:30

1、新建html文档。

jQuery实现网页考试答题

2、书写hmtl代艨位雅剖码。<div class="container"> &造婷用痃lt;div class="row clearfix" id="testArea"> </div></div>

jQuery实现网页考试答题

3、书写css代码。<style> .testCon{padding: 5px 15px;} 茑霁酌绡h4.tesTitle{color: #00B895;} .test-form-box{max-height: 660px;overflow: auto;} .assignment{margin: 30px 0 60px;text-align: center;} .assignment .btn{background: #00B895;width: 120px;font-size: 18px;border-color: #00B895;} #testForm .testCon:nth-child(odd){background: #eee;} label{font-weight: normal;} .jxz-title{text-align: justify;} .topic-answer{display: none;}</style>

jQuery实现网页考试答题

4、书写并添加js代码。<script src="js/jquery.min.js"></script><script src="js/test.js"></script>

jQuery实现网页考试答题

5、代码整体结构。

jQuery实现网页考试答题

6、查看效果。

jQuery实现网页考试答题
© 手抄报圈