本文展示了网页的基本构成，包括登录注册界面的HTML和JavaScript实现，导航栏、轮播图的设置，以及使用滚动文字和电影图片的布局技巧。代码示例中运用了Bootstrap框架来创建响应式设计。
一.网页构成
1.登录注册界面
2.导航栏
3.轮播图
4.滚动照片和滚动字体设置
5.电影图片+超链接+排版
二.界面+代码展示
登录注册界面展示
代码展示：
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<script>
function fun()
{
alert("注册成功！！");
location.href="/登录界面.html";
}
</script>
</head>
<body style="background: #1a1e21">
<div class="row" style="background-image: url(登录背景图.png)">
<br>
<div class="col-sm-8 col-sm-offset-2" style="border:5px solid black;background: #c5d7f2">
<div class="row">
<br><br><br><br><br><br><br><br>
<div class="row-cols-sm-8">
<font color="black"size="100px" >
会员注册<br><br></font>
<form class="form-horizontal" οnsubmit="fun()">
<div class="form-group">
<label for="username" class="col-sm-2 control-label">用户名</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="username"name="username" placeholder="请输入用户名">
</div>
</div>
<div class="form-group">
<label for="password" class="col-sm-2 control-label">密码</label>
<div class="col-sm-8">
<input type="password" class="form-control" id="password" name="password" placeholder="请输入密码">
</div>
</div>
<div class="form-group">
<label for="rpassword" class="col-sm-2 control-label">确认密码</label>
<div class="col-sm-8">
<input type="password" class="form-control" id="rpassword" name="rpassword" placeholder="请再次输入密码">
</div>
</div>
<form class="form-horizontal">
<div class="form-group">
<label for="email" class="col-sm-2 control-label">邮箱</label>
<div class="col-sm-8">
<input type="email" class="form-control" id="email" name="email" placeholder="请输入email">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-8">
<div class="checkbox">
<label>
<input type="checkbox"> 记住我
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-8">
<button type="button" class="btn btn-default" oncancel="fun()" οnclick="window.location.href='登录界面2.html'">注册</button>
</div>
</div>
</form>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>
</body>
</html>>
登录界面：
导航栏
轮播图
js部分：
CSS部分：
4.滚动文字和照片
<marquee scrollamount=20>
<img src="海贼王.png"height="300px">
<img src="1.png"height="300px">
<img src="2.png"height="300px">
<img src="3.png"height="300px">
<img src="4.png"height="300px">
<img src="5.png"height="300px">
<img src="6.png"height="300px">
</marquee>
5.电影图片+超链接+排版
部分代码展示：
其他影厅类似，暂不展示！！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
