Skip to content

Commit

Permalink
init
Browse files Browse the repository at this point in the history
  • Loading branch information
zhangt committed Aug 4, 2020
1 parent 1c10f2d commit 383672e
Show file tree
Hide file tree
Showing 1,259 changed files with 329,844 additions and 0 deletions.
192 changes: 192 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,192 @@
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>大屏模板</title>
<link rel="stylesheet" type="text/css" href="动画/css/reset.css" />
<link rel="stylesheet" type="text/css" href="动画/css/animate.css" />
<script src="动画/js/jquery-2.1.1.min.js"></script>
<style>
* {
margin: 0;
padding: 0;
}

html,
body {
width: 100%;
height: 100%;
overflow-y: hidden;

}

.main {
width: 100%;
height: 100%;
background: #000;
box-shadow: inset 0px 0px 20px 10px #00bcd4;
overflow-y: scroll;
padding-bottom: 15px;
}

.zt-img-ul {
padding-left: 10px;
padding-top: 30px;
}

.zt-img-li {
padding-left: 25px;
}

.zt-img-div {
cursor: pointer;
color: white;
padding: 5px;
margin: 5px;
float: left;
background: #2196f32b;
border-radius: 5px;
box-shadow: inset -2px -1px 15px 0px white;
text-align: center;
text-shadow: -1px -1px 2px white;
font-size: 15px;
}

.zt-img {
width: 350px;
height: 200px;
border-radius: 10px;
}
</style>
</head>

<body>
<div class="main tip zoomIn a-time2">
<div class="body-panel">
<ul class="zt-img-ul">
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧交通/大数据视频监控/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧交通/大数据视频监控/大数据视频监控平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧交通/旅游大数据/index.html'>智慧旅游综合服务平台</p><img class="zt-img"
src="智慧交通/旅游大数据/智慧旅游综合服务平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧交通/高速交通大数据分析平台/index.html'>高速综合管控大数据平台</p><img class="zt-img"
src="智慧交通/高速交通大数据分析平台/高速综合管控大数据平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧医疗/大数据医疗/views/index.html'>大数据医疗服务平台</p><img class="zt-img"
src="智慧医疗/大数据医疗/大数据医疗服务平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧城市/大数据可视化展板通用模板/index.html'>大数据可视化展板通用模板</p><img class="zt-img"
src="智慧城市/大数据可视化展板通用模板/大数据可视化展板通用模板.png"></p>
</div>
</li>
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧城市/智慧工地/index.html'>智慧工地</p><img class="zt-img" src="智慧城市/智慧工地/智慧工地.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/土地交易大数据可视化平台/index.html'>土地交易大数据可视化平台</p><img class="zt-img"
src="智慧政务/土地交易大数据可视化平台/土地交易大数据可视化平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/工商办税大数据监控平台/index.html'>工商办税大数据监控平台</p><img class="zt-img"
src="智慧政务/工商办税大数据监控平台/工商办税大数据监控平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/智慧社区/index.html'>智慧社区内网比对平台</p><img class="zt-img" src="智慧政务/智慧社区/智慧社区内网比对平台.png">
</p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/综合分析平台/pages/index.html'>综合分析平台</p><img class="zt-img"
src="智慧政务/综合分析平台/综合分析平台.png"></p>
</div>
</li>
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/舆情分析/public.html'>舆情分析平台</p><img class="zt-img" src="智慧政务/舆情分析/舆情分析平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧气象/气象预报大数据平台/index.html'>气象预报大数据平台</p><img class="zt-img"
src="智慧气象/气象预报大数据平台/气象预报大数据平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧物流/智慧物流/index.html'>智慧物流服务平台</p><img class="zt-img" src="智慧物流/智慧物流/智慧物流服务平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧物流/物流大数据服务平台/index.html'>物流大数据服务平台</p><img class="zt-img"
src="智慧物流/物流大数据服务平台/物流大数据服务平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧物联/新能源车联网综合大数据平台/index.html'>车联网监控平台</p><img class="zt-img"
src="智慧物联/新能源车联网综合大数据平台/车联网监控平台.png"></p>
</div>
</li>
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧物联/物联网平台数据统计/index.html'>物联网平台数据统计</p><img class="zt-img"
src="智慧物联/物联网平台数据统计/物联网监控平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧电商/电子商务公共服务平台大数据中心/index.html'>电子商务公共服务平台大数据中心</p><img class="zt-img"
src="智慧电商/电子商务公共服务平台大数据中心/电子商务公共服务平台大数据中心.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧电商/运营大数据/index.html'>运营大数据</p><img class="zt-img" src="智慧电商/运营大数据/运营大数据.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧电商/销售大数据页面模板/index.html'>销售大数据页面模板</p><img class="zt-img"
src="智慧电商/销售大数据页面模板/生意参谋大数据可视化平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运维/可视化监控管理/index.html'>可视化监控管理</p><img class="zt-img"
src="智慧运维/可视化监控管理/可视化监控管理平台.png"></p>
</div>
</li>
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运维/大数据统计展示大屏/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧运维/大数据统计展示大屏/大数据统计展示大屏.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运维/大数据运维总览图/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧运维/大数据运维总览图/大数据运维总览图.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运维/设备环境监测平台/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧运维/设备环境监测平台/设备环境监测平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运营/厅店效能大屏监控看板/page/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧运营/厅店效能大屏监控看板/厅店效能大屏监控看板.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧金融/银行企业信用风险实时监测/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧金融/银行企业信用风险实时监测/银行企业信用风险实时监测平台.png"></p>
</div>
</li>
</ul>
</div>
</div>
<script>

$('.zt-img-div').hover(function () {
$(this).removeClass('rubberBand')
$(this).addClass('shake')
}, function () {
$(this).removeClass('shake')
})

$('.zt-img-div').on('click', function () {
$(this).children('p').attr('href') ? window.open($(this).children('p').attr('href')) : ''
})
</script>

</body>

</html>
167 changes: 167 additions & 0 deletions 动画/animate.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,167 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>动画</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/animate.css"/>
<style>
body{overflow:hidden;}
*{font-size:14px;}
input{font-size:12px;width:100%;border:1px solid #ccc;line-height:25px;color:#666;}
p{line-height:25px;color:#333;}
.tip{width:50px;height:50px;background:#6CF;margin:40px auto;}
.cell{float:left;text-align:center;margin:0 20px;}
.ipt{width:90px;text-align:center;}
</style>
</head>

<body>
<div class="cf">
<div class="cell">
<p>从上往下渐显</p>
<input class="ipt" type="text" value="showInTop" />
<div class="tip showInTop a-time1 a-yj"></div>
</div>

<div class="cell">
<p>从下往上渐显</p>
<input class="ipt" type="text" value="showInBottom" />
<div class="tip showInBottom a-time1 a-yj"></div>
</div>

<div class="cell">
<p>从右往左渐显</p>
<input class="ipt" type="text" value="showInRight" />
<div class="tip showInRight a-time1 a-yj"></div>
</div>

<div class="cell">
<p>从右往左移动</p>
<input class="ipt" type="text" value="showRight" />
<div class="tip showRight a-time1 a-yj"></div>
</div>

<div class="cell">
<p>从上往下移动</p>
<input class="ipt" type="text" value="showTop" />
<div class="tip showTop a-time1 a-yj"></div>
</div>

<div class="cell">
<p>从左往右渐显</p>
<input class="ipt" type="text" value="showInLeft" />
<div class="tip showInLeft a-time1 a-yj"></div>
</div>

<div class="cell">
<p>从左往右移动</p>
<input class="ipt" type="text" value="showLeft" />
<div class="tip showLeft a-time1 a-yj"></div>
</div>


<div class="cell">
<p>渐显，反向：a-yjfx</p>
<input class="ipt" type="text" value="fadeIn" />
<div class="tip fadeIn a-time1 a-yjfx"></div>
</div>

<div class="cell">
<p>渐显，无反向</p>
<input class="ipt" type="text" value="fadeIn" />
<div class="tip fadeIn a-time1"></div>
</div>

<div class="cell">
<p>从小变大</p>
<input class="ipt" type="text" value="zoomIn" />
<div class="tip zoomIn a-time1 a-yj"></div>
</div>

<div class="cell">
<p>从大变小</p>
<input class="ipt" type="text" value="inZoom" />
<div class="tip inZoom a-time1 a-yj"></div>
</div>

<div class="cell">
<p>上下跳动</p>
<input class="ipt" type="text" value="shangxia" />
<div class="tip shangxia a-time1 a-yj a-yjfx"></div>
</div>

<div class="cell">
<p>上下跳动-缓冲</p>
<input class="ipt" type="text" value="bounce" />
<div class="tip bounce a-time1 a-yj"></div>
</div>

<div class="cell">
<p>顺时针转圈</p>
<input class="ipt" type="text" value="zhuanquan" />
<div class="tip zhuanquan a-time1 a-yj"></div>
</div>

<div class="cell">
<p>逆时针转圈</p>
<input class="ipt" type="text" value="zhuanquan-ni" />
<div class="tip zhuanquan-ni a-time1 a-yj"></div>
</div>

<div class="cell">
<p>橡皮筋</p>
<input class="ipt" type="text" value="rubberBand" />
<div class="tip rubberBand a-time1 a-yj"></div>
</div>

<div class="cell">
<p>shake</p>
<input class="ipt" type="text" value="shake" />
<div class="tip shake a-time1 a-yj"></div>
</div>

<div class="cell">
<p>meteor</p>
<input class="ipt" type="text" value="meteor" />
<div class="tip meteor a-time1 a-yj"></div>
</div>
</div>

<!--退场动画-->
<p class="mb10">退场动画</p>
<div class="cf">
<div class="cell of">
<p>从左往右退出</p>
<input class="ipt" type="text" value="outRight" />
<div class="tip outRight a-time1 a-yj"></div>
</div>
<div class="cell of">
<p>从右往左退出</p>
<input class="ipt" type="text" value="outLeft" />
<div class="tip outLeft a-time1 a-yj"></div>
</div>
<div class="cell of">
<p>从下往上退出</p>
<input class="ipt" type="text" value="outTop" />
<div class="tip outTop a-time1 a-yj"></div>
</div>
<div class="cell">
<p>从上往下退出</p>
<input class="ipt" type="text" value="outBottom" />
<div class="tip outBottom a-time1 a-yj"></div>
</div>
<div class="cell">
<p>从上往下渐隐</p>
<input class="ipt" type="text" value="hideToBottom" />
<div class="tip hideToBottom a-time1 a-yj"></div>
</div>
<div class="cell">
<p>渐隐</p>
<input class="ipt" type="text" value="fadeOut" />
<div class="tip fadeOut a-time1 a-yj"></div>
</div>
</div>

</body>
</html>
Loading

0 comments on commit 383672e

Please sign in to comment.