master

分支 (1)

管理

管理

master

bigdata-echart
/
index.html

<!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>