js/common/header-footer.js

/**
 * Created by chenbiao on 2017/7/4.
 */
//*****公共头部样式*****
(function () {
    var headHtlm='<div class="head-line"></div>'+
        '<div class="headbg">'+
        '<div class="headtit"></div>'+
        '</div>'+
        '<div class="head-line">'+
        '<div class="floatr">'+
        '<div id="head-time" class="headright-time"></div>'+
        '<div id="head-date" class="headright-date"></div>'+
        '</div>'+
        '</div>';
    $("#model-top").html(headHtlm);
//*****公共底部样式*****
    var footerHtlm=' <div class="foot-line">'+
        '<div class="foot-logo"></div>'+
        '</div>'+
        '<div class="foot-menu">'+
        '<div class="menu-arrow arrowleft"></div>'+
        '<ul class="menu-bar" id="menu-bar">'+
        '<li class="common-menu"><a href="index.html"><span class="">实时监控</span></a></li>'+
        '<li class="common-menu"><a href="parkquery.html"><span class="">停车资源</span></a></li>'+
        '<li class="common-menu"><a href="parkingguidance.html"><span class="">停车诱导</span></a></li>'+
        '<li class="common-menu"><a href="dataanalysis.html"><span class="">数据统计</span></a></li>'+
        '</ul>'+
        '<div class="menu-arrow arrowright"></div>'+
        '</div>'+
        '<div class="foot-line"></div>'
    $("#model-foot").html(footerHtlm);
})();