HTML 静态网页制作Web 金州勇士队 库里 库里三分王 JavaScript CSS 图片轮播 时间效果 注册界面等
2024-05-10 00:18:04
闲暇时间帮别人做的一个静态网页，关于金州勇士队，库里三分王相关的内容，其中包括注册界面，图片轮播效果，视频，表格，超链接，标题，列表，时间效果，验证码效果等等，效果如下图：并附上首页的完整代码。有需要源码的联系。
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>NBA</title>
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!-- start header -->
<div id="header"><div id="logo"><h1><a href="#">金州勇士队</a></h1><img src="data:images/1.png" /></div><div id="menu"><ul><li class="active"><a href="index.html" accesskey="1" title="">首页</a></li><li ><a href="index3.html" accesskey="2" title="">球员</a></li><li ><a href="index1.html" accesskey="3" title="">统计</a></li><li><a href="index2.html" accesskey="4" title="">视频</a></li><li><a href="index4.html" accesskey="5" title="">新闻</a></li></ul></div>
</div>
<!-- end header -->
<div id="gallery"><div id="top-photo"><div class="imgBox"><img class="img-slide img1" src="data:images/5.png" alt="1"><img class="img-slide img2" src="data:images/6.png" alt="2"><img class="img-slide img3" src="data:images/7.png" alt="3"><img class="img-slide img3" src="data:images/8.png" alt="4"><img class="img-slide img3" src="data:images/9.png" alt="5"></div> <script src="js/new_file.js"></script></div>
</div>
<br />
<!-- start page -->
<div id="page"><!-- start content --><div id="content"><div class="post"><h1 class="title">双状元合砍47分 森林狼险胜结束五连败</h1><p class="byline"><small>12月13日 | <a href="#">编辑</a></small></p><img src="data:images/121.png" /><p>北京时间12月15日，NBA常规赛继续进行。本场比赛，篮网包括哈登在内的7名球员触发健康安全协议缺阵比赛，篮网加时131-129险胜猛龙。此役，杜兰特砍下34分13篮板11助攻大号三双，米尔斯30分，爱德华兹17分10篮板；猛龙方面，范弗里特31分9助攻，西亚卡姆25分6篮板，小特伦特25分5助攻。</p><p class="meta"><a href="https://nbachina.qq.com/article/index.htm?articleId=20211213004157&site=nbatop&column=" class="more">了解更多</a> <a href="#" class="comments">评论(33)</a></p></div><div class="post"><h2 class="title">【历史时刻】库里加冕历史三分王</h2><p class="byline"><small>12月15日 | <a href="#">编辑</a></small></p><div class="entry"><p>第一节还剩10分57秒，库里干拔三分命中追平雷-阿伦纪录。历史时刻也没有过去太长时间，首节还剩7分33秒，他接维金斯传球飙进三分，正式成为历史三分王。</p></div><p class="meta"><a href="#" class="more"></a> <a href="#" class="comments">评论 (57)</a></p><p id="time"></p><script src="js/new_file.js"></script></div></div><!-- end content --><!-- start sidebar --><div id="sidebar"><ul><li><h2>快讯</h2><ul><li><a href="https://china.nba.com/warriors/">双状元合砍47分 森林狼险胜结束五连败</a></li><li><a href="https://china.nba.com/warriors/">库里20投18分 勇士客场不敌76人</a></li><li><a href="https://china.nba.com/warriors/">曝史蒂夫-科尔将担任下一任美国男篮主帅</a></li><li><a href="https://china.nba.com/warriors/">杜兰特31+6特雷-杨31+10 篮网力克老鹰</a></li><li><a href="https://china.nba.com/warriors/">普森：赢家才会被承认 今年目标就是夺冠</a></li></ul></li><li><h2>数据王</h2><ul><li><a href="#">斯蒂芬 库里 场均26.9后卫</a></li><li><a href="#">安德鲁 维金斯 场均18.4前锋</a></li><li><a href="#">乔丹 普尔 场均17.9后卫</a></li><li><a href="#">斯蒂芬 库里 场均26.9后卫</a></li><li><a href="#">安德鲁 维金斯 场均18.4前锋</a></li><li><a href="#">乔丹 普尔 场均17.9后卫</a></li><li><a href="#"><img src="data:images/41.png"style="width: 200px;height: 100px;"></a></li></ul></li></ul></div><!-- end sidebar -->
</div>
<div style="clear: both; height: 30px"> </div>
<!-- end page -->
<div id="footer"><p>© Designed by </p>
</div>
</body>
</html>
HTML 静态网页制作Web 金州勇士队 库里 库里三分王 JavaScript CSS 图片轮播 时间效果 注册界面等相关推荐
- HTML学生个人网站作业设计——中华美食(HTML+CSS) 美食静态网页制作 WEB前端美食网站设计与实现
- 使用jQuery快速高效制作网页交互特效 第五章 上机练习四 制作广告图片轮播切换效果
轮播应有的功能大致都有,分享给一些在学的朋友参考学习. <!DOCTYPE html> <html> <head lang="en"><m ...
- php网页轮播图,JavaScript_JavaScript实现图片轮播的方法，本文实例讲述了JavaScript实现图 - phpStudy...
JavaScript实现图片轮播的方法 本文实例讲述了JavaScript实现图片轮播的方法.分享给大家供大家参考.具体如下: 这里没有使用到JQUERY,没有过渡效果,图片可自行替换 . test2 ...
- 用JavaScript实现网页无限轮播图效果，附整套源码
用JavaScript实现无限轮播图效果(附源码) javascript群内每日课题-今日课题:用JavaScript实现无限轮播图效果 PS:很多企业通用的案例自己再学习过程中肯定是要熟练的,所以今 ...
- 首页轮转html代码,js制作网站首页图片轮播特效代码
本文实例为大家分享了使用js制作一般网站首页图片轮播效果的具体代码,供大家参考,具体内容如下 图片轮播 .warp{ width: 600px; height: 750px; position: re ...
- 简单 静态 网页制作 篮球 人物介绍 库里 HTML+CSS
简单的入门级别的网页,分享一下. 网站的链接层次三级页面 浮动,定位技术,列表,块的布局和图片的浮动定位 注册用户的页面,要求有返回主页的功能 图片等素材显示正常.链接无误 要有导航功能 有问题欢迎联 ...
- HTML5期末大作业——中华传统文化题材学生网页设计成品(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 DW静态页面制作 web网页成品
HTML5期末大作业--中华传统文化题材学生网页设计成品(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 DW静态页面制作 web网页成品 常见 ...
- 静态网页制作教程 （转载）
方法/步骤 新建一个txt文本文档,先不要急着修改文件后缀名,有基础的朋友手动输入HTML代码,不会也没有关系,百度搜索"网页HTML代码". 代码: <!Doctype h ...
- Javaweb实验：静态网页制作
Javaweb实验: 1.静态网页制作 目录 Javaweb实验: 前言 一.实验目的 二.实验原理 三.实验内容 四.实验步骤 五.实验结果 六.实验内容 七.实验步骤 八.实验结果 九.思考 1. ...
- HTML期末大作业~简单的程序员个人博客网站模板源码(HTML+CSS)~个人主页博客web网页设计制作~HTML简单个人网页制作~Web大学生网页成品...
HTML期末大作业~ 简单的程序员个人博客网站模板源码(HTML+CSS)~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还 ...
最新文章
- 前端：JS中JSON对象和String转换
- AD5934阻抗变换模块实验电路板
- 用typedef定义函数指针类型（转）
- 【C++ 语言】引用 ( 引用简介 | 指针常量 | 常量指针 | 常引用 | 引用参数 | 引用 指针 对比 )
- [Usaco2008 Oct]灌水
- 新手入门深度学习 | 第六篇：TensorFlow2 回调极速入门
- 【阿佳说】打造抖音个人IP实现利润翻倍
- 解决SQL Server 2005数据库中datetime时间字段在前端显示时分秒的问题
- spark-sql建表语句限制_第三篇|Spark SQL编程指南
- Linux chmod命令
- 用委托来实现IEqualityComparer接口
- 移动web-触摸事件touch
- scanf输入数组_清除C / C ++中的输入缓冲区,妈妈再也不用担心我的学习
- hadoop的伪分布环境配置（2.5.2）
- 遥感高光谱分类文献阅读：Going Deeper with Contextual CNN for Hyperspectral Image Classification
- android同一个activity中传递参数,Android中Activity之间跳转和参数传递的实例
- CH341应用升级为CH347软硬件注意事项
- Python自动化完成tb喵币任务
- ASP利用IP138获IP地理位置
- python培训湖南