<!--
整理所有
云码资源淘宝店铺 大数据可视化大屏模板专家
https://shop188702750.taobao.com/search.htm?spm=a1z10.1-c.0.0.1221421cqgmNaI&search=y
-->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>云码资源优选</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/jquery.limarquee.js"></script>
<script type="text/javascript" src="js/jquery.cxselect.min.js"></script>
<link rel="stylesheet" href="css/comon0.css">
</head>
<body>
<div style="background:#000d4a url(images/bg.jpg) center top;">
<div class="loading">
<div class="loadbox"> <img src="picture/loading.gif"> 页面加载中... </div>
</div>
<div class="back"></div>
<div class="head">
<div class="weather"><span id="showTime"></span></div>
<h1 onclick="onclick="location.href='https://shop188702750.taobao.com/search.htm?spm=a1z10.1-c.0.0.1221421cqgmNaI&search=y'"">云码大数据可视化展示平台模板</h1>
</div>
<script>
var t = null;
t = setTimeout(time,1000);//開始运行
function time()
{
clearTimeout(t);//清除定时器
dt = new Date();
var y=dt.getFullYear();
var mt=dt.getMonth()+1;
var day=dt.getDate();
var h=dt.getHours();//获取时
var m=dt.getMinutes();//获取分
var s=dt.getSeconds();//获取秒
document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"日"+h+"时"+m+"分"+s+"秒";
t = setTimeout(time,1000); //设定定时器，循环运行
}
</script>
<div class="mainbox">
<ul class="clearfix">
<li>
<div class="boxall" style="height:400px;">
<div class="alltitle">标题样式</div>
<div class="navboxall" id="echart5"></div>
</div>
<div class="boxall" style="height:260px;">
<div class="alltitle">标题样式</div>
<div class="navboxall" >
<div class="wraptit">
<span>单号</span><span>金额</span><span>品名</span><span>时间</span>
</div>
<div class="wrap">
<ul>
<li><p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p></li>
<li><p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p></li>
<li><p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p></li>
<li><p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p></li>
<li><p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p></li>
<li><p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p></li>
<li><p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p></li>
<li><p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p></li>
<li><p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p></li>
</ul>
</div>
</div>
</div>
<div class="boxall" style="height:260px;">
<div class="alltitle">标题样式</div>
<div class="navboxall" id="echart1"></div>
</div>
</li>
<li>
<div class="boxall" style="height:230px">
<div class="clearfix navboxall" style="height: 100%">
<div class="pulll_left num">
<div class="numbt">总体情况<span>(单位：元)</span></div>
<div class="numtxt">19382721 </div>
</div>
<div class="pulll_right zhibiao">
<div class="zb1"><span>标题样式</span><div id="zb1"></div></div>
<div class="zb2"><span>标题样式</span><div id="zb2"></div></div>
<div class="zb3"><span>标题样式</span><div id="zb3"></div></div>
</div>
</div>
</div>
<div class="boxall" style="height:350px">
<div class="alltitle">标题样式</div>
<div class="navboxall" id="echart4"></div>
</div>
<div class="boxall" style="height:340px">
<div class="alltitle">标题样式</div>
<div class="navboxall" id="echart3"></div>
</div>
</li>
<li>
<div class="boxall" style="height:300px">
<div class="alltitle">标题样式</div>
<div class="navboxall">
<table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th scope="col">排名</th>
<th scope="col">公司</th>
<th scope="col">数量</th>
<th scope="col">增长率</th>
</tr>
<tr>
<td><span>1</span></td>
<td>腾讯科技</td>
<td>114万<br></td>
<td>100%<br></td>
</tr>
<tr>
<td><span>2</span></td>
<td>百度公司</td>
<td>923823万</td>
<td>21%</td>
</tr>
<tr>
<td><span>3</span></td>
<td>新浪</td>
<td>1240253万</td>
<td>12%</td>
</tr>
<tr>
<td><span>4</span></td>
<td>网易</td>
<td>1.2亿</td>
<td>39%</td>
</tr>
<tr>
<td><span>5</span></td>
<td>雅虎</td>
<td>13423万</td>
<td>9%</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="boxall" style="height: 300px">
<div class="alltitle">标题样式</div>
<div class="navboxall">
<table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th scope="col">排名</th>
<th scope="col">公司</th>
<th scope="col">数量</th>
<th scope="col">增长率</th>
</tr>
<tr>
<td><span>1</span></td>
<td>腾讯科技</td>
<td>114万<br></td>
<td>100%<br></td>
</tr>
<tr>
<td><span>2</span></td>
<td>百度公司</td>
<td>923823万</td>
<td>21%</td>
</tr>
<tr>
<td><span>3</span></td>
<td>新浪</td>
<td>1240253万</td>
<td>12%</td>
</tr>
<tr>
<td><span>4</span></td>
<td>网易</td>
<td>1.2亿</td>
<td>39%</td>
</tr>
<tr>
<td><span>5</span></td>
<td>雅虎</td>
<td>13423万</td>
<td>9%</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="boxall" style="height:320px">
<div class="alltitle">标题样式</div>
<div class="navboxall" id="echart2"></div>
</div>
</li>
</ul>
</div>
</div>
<script>
$(function(){
$('.wrap,.adduser').liMarquee({
direction: 'up',//身上滚动
runshort: false,//内容不足时不滚动
scrollamount: 20//速度
});
});
</script>
</body>
</html>
html 源码大屏数据_HTML_JavaScript_css_html5
版权申诉
110 浏览量
2022-09-23
05:54:55
上传
评论
收藏 427KB ZIP 举报
html 源码大屏数据.zip （10个子文件） 
模板012 css 
comon0.css 5KB images 
head_bg.png 8KB
bg.jpg 252KB picture 
loading.gif 701B
index.html 6KB js jquery.js 82KB js.js 18KB jquery.cxselect.min.js 4KB jquery.limarquee.js 35KB echarts.min.js 727KB
评论0