基于html+css的网站web设计作业资源-CSDN文库

共58个文件

png：26个

jpg：14个

css：8个

html

需积分: 5 96 浏览量 2024-01-04 11:05:43 上传评论收藏 8.34MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

叮当电影.zip （58个子文件）

login_register.js 6KB

main.js 6KB

ticket.js 2KB

slidey.js 5KB

ticket.html 14KB

css

ticket.css 5KB

movie.css 8KB

footer.css 1KB

public-style.css 2KB

header.css 5KB

index.css 6KB

favicon.ico 264KB

index.html 27KB

movie.html 44KB

imgs

dingdang-logo.png 25KB

icons

username-icon.png 5KB

password-icon.png 4KB

captcha-icon.png 10KB

wechat_icon.png 14KB

seat-selectable-icon.png 9KB

search-icon.png 4KB

sina-icon.png 21KB

seat-sold-icon.png 11KB

star-icon.png 6KB

phone-icon.png 3KB

re-password-icon.png 20KB

local-icon.png 12KB

next-icon.png 4KB

seat-icon.png 35KB

seat-couple-icon.png 17KB

e-main.png 41KB

shoppingcard-icon.png 3KB

seat-selected-icon.png 11KB

like-icon.png 6KB

ticket-icon.png 3KB

rss-icon.png 12KB

toTop.png 3KB

screen-icon.png 4KB

pre-icon.png 4KB

userface.jpg 28KB

slideposter

skyfire.jpg 187KB

ifseawave.jpg 313KB

yewen4.jpg 1.09MB

Frozen2.jpg 138KB

dingdang-qrcode.png 16KB

poster

haishanggangqinshi.jpg 268KB

ruonengyuni.jpg 628KB

chuixiaoren.jpg 1.49MB

yishengyouni.jpg 957KB

tianhuo.jpg 257KB

dayuezaidongji.jpg 1.21MB

bingxueqiyuan2.jpg 577KB

yewen4.jpg 219KB

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>电影 - 叮当电影</title> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <link rel="stylesheet" type="text/css" href="./css/movie.css"> </head> <body> <header class="header"> <div class="container">  <a href="index.html" class="logo"></a>  <div class="nav"> <ul class="navbar"> <li><a href="index.html">首页</a></li> <li><a href="movie.html" class="active">购票</a></li> <li><a href="javascript:;">影院</a></li> <li><a href="javascript:;">社区</a></li> </ul> </div>  <div class="headcart"> <i class="cart-icon"></i> <b class="card-num"></b> <div class="card-tip"></div> </div>  <div class="user"> <div class="userout"> <a href="login.html" class="login cur">登录</a> <a href="register.html" class="register cur">注册</a> </div> <div class="userin"> <a href="javascript:;" class="menu-item-user"> <img class="user-face" src="./imgs/userface.jpg" alt="userface"> <span class="user-name"></span> </a> <span class="caret"></span> <ul class="dropdown-menu"> <li><a href="javascript:;">个人中心</a></li> <li><a href="javascript:;">退出登录</a></li> </ul> </div> </div>  <div class="search"> <form class="form-search" action="" method=""> <input type="text" id="search-input" class="form-search-input" placeholder="搜电影、影院" autocomplete="off"/> <a class="form-search-icon" href="javascript:;" onclick="searchBtnClick(this,event)"></a> </form> </div>  <div class="app-download"> <span class="phone-icon"></span> <span class="app-text">下载APP</span> <span class="caret"></span> <div class="qrcode-tip"> <img class="qrcode-img" src="imgs/dingdang-qrcode.png" alt="扫描二维码下载APP"/> <p class="qrcode-tip-title">扫码下载客户端</p> <p class="qrcode-tip-content">手机购票方便实惠</p> </div> </div> </div> </header> <div class="content"> <div class="body-bg"></div> <div class="container">  <div class="movie-info-bar clearboth"> <div class="movie-poster"> <img src="./imgs/poster/ruonengyuni.jpg" alt=""> </div> <div class="movie-info"> <p class="movie-name-zh">若能与你共乘海浪之上</p> <p class="movie-name-ods">きみと、波にのれたら</p> <ul> <li> <p>上映时间：<span>2019年12月07日</span></p> </li> <li> <p>导演：<span>汤浅政明</span></p> <p>地区：<span>日本</span></p> </li> <li> <p>主演：<span>片寄凉太 川荣李奈 松本穗香</span></p> </li> <li> <p>类型：<span>奇幻/爱情/动画</span></p> <p>片长：<span>96分钟</span></p> </li> <li> <p class="movie-profile">简介：<span> 夏天、阳光，沙滩、海浪，青年消防员雏罂粟港（片寄凉太配音）和爱好冲浪的向水日菜子（川荣李奈配音）相遇并迅速展开热恋。看似命中注定的这对恋人，却不幸遭遇生死别离。无法接受港已经离世的雏子，某天突然发现，只要唱起属于两个人的那首歌，港就会从水中出现……</span> </p> </li> </ul> <div class="movie-wish-grade-btn clearboth"> <a href="javascript:;" class="movie-wish-btn flexcenter fl"> <i></i> <span>想看</span> </a> <a href="javascript:;" class="movie-grade-btn flexcenter fl"> <i></i> <span>评分</span> </a> </div> </div> <div class="movie-grade-box"> <div class="grade-box"> <b>7<sup>.8</sup></b> <p>总分：10</p> </div> <ul> <li><p>评分：<span>1253</span>人</p></li> <li><p>想看：<span>15684</span>人</p></li> <li><p>票房：<span>3200</span>万</p></li> </ul> </div> </div>  <div class="movie-main-container clearboth">  <div class="main-content"> <div class="tab-subtitle"> <a href="javascript:;" class="active">购票</a> <a href="javascript:;">介绍</a> <a href="javascript:;">图集</a> <a href="javascript:;">影评</a> </div>  <div class="tab-content">  <div class="movie-watch-time bodpnd"> <p class="title">观影时间</p> <div class="select-item"> <a href="javascript:;" class="active">今天(12月25日周三)</a> <a href="javascript:;">明天(12月26日周四)</a> <a href="javascript:;">后天(12月27日周五)</a> </div> </div>  <div class="movie-watch-place bodpnd"> <div class="mwp-header"> <span class="title">选择地区</span> <span class="local-place"> <span>湛江</span> [<a href="javascript:;">切换</a>] </span> <div class="city"> </div> </div> <div class="select-item"> <a href="javascript:;" class="active">全部</a> <a href="javascript:;">赤坎区(<span>2</span>)</a> <a href="javascript:;">霞山区(<span>3</span>)</a> <a href="javascript:;">廉江市(<span>1</span>)</a> <a href="javascript:;">遂溪县(<span>1</span>)</a> </div> </div>  <div class="movie-cinema-list"> <div class="flexcenter" style="justify-content: left;position: relative;"> <span class="title">影院列表</span> <input id="searchCinema" type="text" placeholder="搜索影院"> <a href="javascript:;" class="cinema-search-btn"></a> </div> <div class="cinema-list"> <ul class="cinema-list-item">

评论收藏

内容反馈