JavaScript写移动端答题网页程序

最新推荐文章于 2023-01-04 13:28:11 发布

Victorymh

最新推荐文章于 2023-01-04 13:28:11 发布

阅读量9.7k

点赞数 20

分类专栏： html 文章标签： JavaScript JQuery

本文链接：https://blog.csdn.net/Victorymh/article/details/95648666

版权

一、构思

1.一个完整的程序分为开始，中间内容，以及结束。
2.下面的程序也是：开始页面→答题页面（题目，选项）→结束页面

二、代码分解

1.HTML页面代码
（1）定义好每个模块的div，再从大模块里面进行细分。由于适配的是移动端的，所以需要 设置meta元素的viewport属性。
（2）方便代码的简洁，引用了外部样式表。为了方便JavaScript的调用和编写，传入了一个JQuery包，能够方便的进行方法调用。其中具体的样式，自己添加一个js的包进行编写。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=375,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/css.css"/>
	</head>
	<body>
		<!--开始页面-->
		<div class="page startGame active">
			<button class="startBtn">开始答题</button>
		</div>
		
		<!--答题页面-->
		<div class="page gaming">
			<!--题目-->
			<h1 class="timu"></h1>
			<!--选项-->
			<div class="options"></div>
			
		</div>
		
		<!--结束页面-->
		<div class="page endGame">
			<h1>恭喜您获取：<s

最低0.47元/天解锁文章

Victorymh

关注

20
点赞
踩
78

收藏

觉得还不错? 一键收藏
9
评论
JavaScript写移动端答题网页程序

一、构思1.一个完整的程序分为开始，中间内容，以及结束。2.下面的程序也是：开始页面→答题页面（题目，选项）→结束页面二、代码分解1.HTML页面代码（1）定义好每个模块的div，再从大模块里面进行细分。由于适配的是移动端的，所以需要设置meta元素的viewport属性。（2）方便代码的简洁，引用了外部样式表。为了方便JavaScript的调用和编写，传入了一个JQuery包...
复制链接

扫一扫