<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>车辆综合管控平台</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/style2.0.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
$(function () {
$('.myscroll').myScroll({
speed: 60, //数值越大,速度越慢
rowHeight: 38 //li的高度
});
})
</script>
</head>
<body>
<!--头部-->
<header id="header">
<div class="header">
<h1 class=""><a href="https://gitee.com/iGaoWei/big-data-view" style="color: white">车辆综合管控平台</a></h1>
</div>
</header>
<!--内容-->
<section id="data_content">
<div class="data_info">
<div class="info_1 fl">
<div class="text_1">
<div class="fl">
<img src="images/info_1.png" alt="更多资源:https://gitee.com/iGaoWei/big-data-view">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
<div class="fl">
<img src="images/info_2.png" alt="更多资源:https://gitee.com/iGaoWei/big-data-view">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
<div class="fl">
<img src="images/info_3.png" alt="更多资源:https://gitee.com/iGaoWei/big-data-view">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
</div>
</div>
<div class="info_2 fl">
<div class="text_2">
<div class="fl">
<img src="images/info_4.png" alt="更多资源:https://gitee.com/iGaoWei/big-data-view">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
<div class="fl">
<img src="images/info_5.png" alt="更多资源:https://gitee.com/iGaoWei/big-data-view">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
</div>
</div>
<div class="info_3 fr">
<div class="text_2">
<div class="fl">
<img src="images/info_6.png" alt="更多资源:https://gitee.com/iGaoWei/big-data-view">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
<div class="fl">
<img src="images/info_7.png" alt="更多资源:https://gitee.com/iGaoWei/big-data-view">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
</div>
</div>
</div>
<div class="data_content">
<!--左边-->
<div class="data_left fl">
<div class="left_top">
<!--/*左边第一部分*/-->
<div class="info public">
<div class="min-title">
<span>车辆总数</span>
</div>
<div id="char4" style="width:100%;height: 100%;"></div>
<div class="boxfoot"></div>
</div>
<!--左边第二部分-->
<div class="top_bottom public">
<div class="min-title">
<span>车辆类型</span>
</div>
<div id="echarts_1" style="width:100%;height: 100%;"></div>
<div class="boxfoot"></div>
</div>
<!--左边第三部分-->
<div class="left_bottom public">
<div class="min-title">
<span>车辆状态</span>
</div>
<div id="chart_2" style="width:100%;height: 100%;"></div>
<div class="boxfoot"></div>
</div>
</div>
</div>
<!--中间-->
<div class="data_c fl">
<div class="data_c_1">
<div id="contPar" class="contPar">
<div id="page1" style="z-index:1">
<div class="title0">车辆综合管控平台</div>
<div class="title1">旅游、交通、危险品、校车、大数据</div>
<div id="drag-container" style="z-index: 1">
<div id="spin-container">
<img alt="更多资源:https://gitee.com/iGaoWei/big-data-view" class="infoBtn" src="picture/page1_0.png">
<img alt="更多资源:https://gitee.com/iGaoWei/big-data-view" class="" src="picture/page1_1.png">
<img alt="更多资源:https://gitee.com/iGaoWei/big-data-view" class="" src="picture/page1_2.png">
<img alt="更多资源:https://gitee.com/iGaoWei/big-data-view" class="" src="picture/page1_1.png">
<img alt="更多资源:https://gitee.com/iGaoWei/big-data-view" class="" src="picture/page1_2.png">
</div>
<div id="ground"></div>
</div>
<img alt="更多资源:https://gitee.com/iGaoWei/big-data-view" class="img3 png" src="images/newdz.png" >
</div>
</div>
</div>
<div class="data_c_2 public">
<div id="echart4" style="width: 100%;height: 100%;padding-top: 10px;"></div>
<div class="boxfoot"></div>
</div>
</div>
<!--右边-->
<div class="data_right fr">
<div class="right_top">
<!--/*右边第一部分*/-->
<div class="right_info public">
<div class="min-title">
<span>收费站收费数量</span>
</div>
<div class="echart wenzi">
<div class="gun">
<span>小型车</span>
<span>中型车</span>
<span>大型车</span>
</div>
<div id="FontScroll" class="myscroll">
<ul>
<li>
<div class="fontInner clearfix">
<span >253万</span>
<span>65万</span>
<span>182万</span>
</div>
</li>
<li>
<div class="fontInner clearfix">
<span >253万</span>
<span>65万</span>
<span>182万</span>
</div>
</li>
<li>
<div class="fontInner cle
没有合适的资源?快使用搜索试试~ 我知道了~
基于html+css+JavaScript网页设计大作业-车辆综合管控平台+源代码+演示地址
共38个文件
png:17个
js:7个
css:3个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 39 浏览量
2024-06-19
01:38:19
上传
评论
收藏 8.01MB ZIP 举报
温馨提示
1、资源内容地址: https://blog.csdn.net/2301_78627004/article/details/136655536 2、代码特点:内含运行结果,不会运行可私信,参数化编程、参数可方便更改、代码编程思路清晰、注释明细,都经过测试运行成功,功能ok的情况下才上传的。 3、适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
资源推荐
资源详情
资源评论
收起资源包目录
085 车辆综合管控平台.zip (38个子文件)
085 车辆综合管控平台
picture
更多内容关注公众号.gif 368KB
page1_3.jpg 40KB
page1_1.png 5KB
page1_2.png 14KB
page1_0.png 5KB
js
com.js 13KB
fontscroll.js 3KB
echart.js 47KB
echarts.min.js 691KB
jquery-1.8.0.min.js 90KB
jquery.min.js 94KB
script.js 7KB
车辆综合管控平台.png 1.9MB
css
style.css 1KB
main.css 9KB
style2.0.css 20KB
index.html 12KB
images
info_2.png 4KB
更多内容关注公众号.gif 368KB
infoBg.png 84KB
page1_3.jpg 40KB
info_3.png 4KB
dz.png 160KB
info_7.png 4KB
info_5.png 4KB
info_1.png 4KB
bg.png 257KB
info_6.png 4KB
head_bg.png 8KB
bj.png 4.45MB
info_4.png 4KB
newdz.png 195KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
yjsz.ttf 54KB
共 38 条
- 1
资源评论
奋斗奋斗再奋斗的ajie
- 粉丝: 1200
- 资源: 2908
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- ScreenBrightnessControlException.md
- SdCardFailureException.md
- SecurityBreachException.md
- ServiceWorkerError(解决方案).md
- SimCardFailureException.md
- ServiceUnavailableException.md
- SpeechRecognitionError(解决方案).md
- StorageError(解决方案).md
- SpeechSynthesisError(解决方案).md
- StorageReadWriteException.md
- System.ArgumentNullException(解决方案).md
- System.ArgumentException(解决方案).md
- System.Exception(解决方案).md
- System.ArgumentOutOfRangeException(解决方案).md
- System.ArithmeticException(解决方案).md
- System.ArrayTypeMismatchException(解决方案).md
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功