dlhd.html 8.7 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导览活动</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_jxegrvbhrr.css">
    <link rel="stylesheet" type="text/css" href="css/dlhd.css">
    <link rel="stylesheet" type="text/css" href="css/dropload.css">
    <script src="js/base.js"></script>
    <script src="js/jquery.min.js"></script>
</head>
<body>
<div class="container">
    <!--头部图片-->
    <div class="head">
        <img src="images/666.png">
    </div>
    <!--顶部内容-->
    <div class="top">
        <div class="top_text">
            &nbsp;&nbsp;&nbsp;&nbsp;
            天津汽车装备展的主题导览是一项双赢的活动。对展商而言,这是宣传他们品牌和创新产品的保障;对于观众而言,这是充分利用展会现场宝贵时间的最佳方式。


        </div>
    </div>
    <!--中部内容-->
    <div class="mid">
        <div class="mid_text">
            &nbsp;&nbsp;&nbsp;&nbsp;展会期间,训练有素的向导带领观众在展馆内开展八种不同主题的导览活动。最多25名观众可同时参与一次导览活动,进入特定的主题展区了解最新的创新成果和展会亮点。对观众而言,主题导览是快速、综合、全面了解天津汽车装备展相关信息的最佳途径。每次导览活动,向导带领观众前往6至8个精选展商展台,由展商做十分钟的展示。这里,我们所指的“展示”并非泛泛空谈;而是展商对其特定产品、服务或解决方案进行全面而生动的讲解和展示。我们深知高效的展商演示是实现独特、优质导览体验不可或缺的因素,并藉此让观众对导览活动更为满意。
            <br> &nbsp;&nbsp;&nbsp;&nbsp;“产业集成——连接与协作”,2018天津汽车装备展的主题表明:产业集成已跨越实验阶段,开始使我们获益。会带来哪些增值效益?如何有效配置合作机器人、数字双胞胎和预见性维护?在2018天津汽车装备展上,您将找到这些问题的答案。
        </div>

        <div class="mid_box">
            <!--标题-->
            <div class="mid_title">
                导览1——工业自动化与IT
            </div>
            <!--文章-->
            <div class="mid_text">
                &nbsp;&nbsp;&nbsp;&nbsp;展会期间,训练有素的向导带领观众在展馆内开展八种不同主题的导览活动。最多25名观众可同时参与一次导览活动,进入特定的主题展区了解最新的创新成果和展会亮点。对观众而言,主题导览是快速、综合、全面了解天津汽车装备展相关信息的最佳途径。每次导览活动,向导带领观众前往6至8个精选展商展台,由展商做十分钟的展示。这里,我们所指的“展示”并非泛泛空谈;而是展商对其特定产品、服务或解决方案进行全面而生动的讲解和展示。我们深知高效的展商演示是实现独特、优质导览体验不可或缺的因素,并藉此让观众对导览活动更为满意。
                <br> &nbsp;&nbsp;&nbsp;&nbsp;“产业集成——连接与协作”,2018天津汽车装备展的主题表明:产业集成已跨越实验阶段,开始使我们获益。会带来哪些增值效益?如何有效配置合作机器人、数字双胞胎和预见性维护?在2018天津汽车装备展上,您将找到这些问题的答案。
            </div>
        </div>



    </div>

    <!--底部图片-->
    <div class="bottom">
        <img src="images/777.png">
    </div>


    <!--底部菜单-->
    <div class="bottom_menu">
        <div class="bottom_menu_index">
            <!--上图标-->
            <div class="iconfont icon-zhuye2"></div>
            <!--下文字-->
            <div class="bottom_menu_index_text">
                首页
            </div>
        </div>
        <div class="bottom_menu_index">
            <!--上图标-->
            <div class="iconfont icon-dianhua-copy"></div>
            <!--下文字-->
            <div class="bottom_menu_index_text">
                电话咨询
            </div>
        </div>
        <div class="bottom_menu_index">
            <!--上图标-->
            <div class="iconfont icon-user-address"></div>
            <!--下文字-->
            <div class="bottom_menu_index_text">
                网上展厅
            </div>
        </div>
        <div class="bottom_menu_index">
            <!--上图标-->
            <div class="iconfont icon-gerenzhongxin"></div>
            <!--下文字-->
            <div class="bottom_menu_index_text">
                个人中心
            </div>
        </div>
    </div>

</div>
<script src="js/dropload.min.js"></script>

<script>
    // 页数
    var page = 0;
    // 每页展示10个
    var size = 3;
    $('.mid').dropload({
        scrollArea : window,
        domUp : {
            domClass   : 'dropload-up',
            domRefresh : '<div class="dropload-refresh">↓下拉刷新</div>',
            domUpdate  : '<div class="dropload-update">↑释放更新</div>',
            domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
        },
        domDown : {
            domClass   : 'dropload-down',
            domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>',
            domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
            domNoData  : '<div class="dropload-noData">暂无数据</div>'
        },
        loadDownFn : function(me){
            page++;
            // 拼接HTML
            var result = '';
            var s = "";
            var show="";
            var list_compressor="";
            var list_answer="";
            $.ajax({
                type: 'GET',
                url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
                dataType: 'json',
                success: function(data){
                    console.log(data);
                    var arrLen = data.length;
                    if(arrLen > 0){
                        for(var i=0; i<arrLen; i++){
                            result +='<div class="mid_title">\n' +
                                '                导览1——工业自动化与IT\n' +
                                '            </div>\n' +
                                '            <!--文章-->\n' +
                                '            <div class="mid_text">\n' +
                                '                &nbsp;&nbsp;&nbsp;&nbsp;展会期间,训练有素的向导带领观众在展馆内开展八种不同主题的导览活动。最多25名观众可同时参与一次导览活动,进入特定的主题展区了解最新的创新成果和展会亮点。对观众而言,主题导览是快速、综合、全面了解天津汽车装备展相关信息的最佳途径。每次导览活动,向导带领观众前往6至8个精选展商展台,由展商做十分钟的展示。这里,我们所指的“展示”并非泛泛空谈;而是展商对其特定产品、服务或解决方案进行全面而生动的讲解和展示。我们深知高效的展商演示是实现独特、优质导览体验不可或缺的因素,并藉此让观众对导览活动更为满意。\n' +
                                '                <br> &nbsp;&nbsp;&nbsp;&nbsp;“产业集成——连接与协作”,2018天津汽车装备展的主题表明:产业集成已跨越实验阶段,开始使我们获益。会带来哪些增值效益?如何有效配置合作机器人、数字双胞胎和预见性维护?在2018天津汽车装备展上,您将找到这些问题的答案。\n' +
                                '            </div>'




                        }
                        // 如果没有数据
                    }else{
                        // 锁定
                        me.lock();
                        // 无数据
                        me.noData();
                    }
                    // 为了测试,延迟1秒加载
                    setTimeout(function(){
                        // 插入数据到页面,放到最后面
                        $('.mid_box').append(result);
                        // 每次数据插入,必须重置
                        me.resetload();
                    },500);
                },
                error: function(xhr, type){
                    alert('Ajax error!');
                    // 即使加载出错,也得重置
                    me.resetload();
                }
            });
        },
        threshold : 50
    });
</script>
</body>
</html>