js+css实现单选题考试答题最后显示你的选择代码-html代码-BFW代码库

js+css实现单选题考试答题最后显示你的选择代码

代码语言：html

所属分类：其他

代码描述：js+css实现单选题考试答题最后显示你的选择代码，点击选项自动切换到下一题。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:100,200,300,400,900'>

    <style>
        html, body {
        	font-family: 'Lato', sans-serif;
        	height: 100%;
        	min-height: 100%;
        	text-align: center;
        }
        
        .container {
        	width: 420px;
        	height: 100%;
        	margin-left: auto;
        	margin-right: auto;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        
        h1 {
        	text-transform: uppercase;
        	color: #444;
        	font-weight: 200;	
        }
        
        p {
        	color: #000;
        	font-size: 18px;
        	margin-left: 15px;
        	margin-right: 15px;
        	cursor: help;
        }
        
        .question {
        	background-color: #fff;
        	border: solid 1px #efefef;
        	transition: all ease-in-out .3s;
        }
        
        .question:hover {
        	border: solid 1px #dad;	
        }
        
        .question:hover h2 {
        	background-color: #dad;	
        }
        
        .results {
        	padding: 25px;
        }
        
        .hidden {
        	display: none;
        	opacity: 0;
        }
        
        h2 {
        	background-color: #efefef;
        	color: #fff;
        	margin: 0;
        	padding: 25px;
        	font-size: 15px;
        	text-transform: uppercase;
        	letter-spacing: 4px;
        	transition: background-color ease-in-out .3s;
        }
        
        ol.........完整代码请登录后点击上方下载按钮下载查看