1. 程式人生 > >公共頭部引入頁面

公共頭部引入頁面

var header = '<div class="headernav">';
    header += '<ul class="wrap wow fadeInUp animated" data-wow-delay=".0.05s" style="visibility: visible; animation-name: fadeInUp;">';
    header += '<li class="navlogo"><a href="../index.html"></a></li>';
    header += '<li><a href="../index.html" target="_blank">首頁</a></li>';
    header += '<li>';
    header += '<em>會員服務</em>';
    header += '<span>';
    header += '<i class="uparrow"></i>';
    header += '<a href="../src/recruitment.html" target="_blank">招商合作</a>';
    header += '<a href="../src/member.html" target="_blank">學習專區</a>';
    header += '</span>';
    header += '</li>';
    header += '<li>';
    header += '<em>公司動態</em>';
    header += '<span>';
    header += '<i class="uparrow"></i>';
    header += '<a href="../src/news.html" target="_blank">企業新聞</a>';
    header += '</span>';
    header += '</li>';
    header += '<li>';
    header += '<em>關於我們</em>';
    header += '<span>';
    header += '<i class="uparrow"></i>';
    header += '<a href="../src/home_aboutUs.html" target="_blank">公司簡介</a>';
    header += '<a href="../src/advantage.html" target="_blank">優勢特色</a>';
    header += '<a href="../src/corporate_culture.html" target="_blank">企業文化</a>';
    header += '</span>';
    header += '</li>';
    header += '<li>';
    header += '<em>聯絡我們</em>';
    header += '<span>';
    header += '<i class="uparrow"></i>';
    header += '<a href="javascript:;">服務熱線</a>';
    header += '<a href="javascript:;">4006789100</a>';
    header += '</span>';
    header += '</li>';
    header += '</ul>';
    header += '</div>';
    document.write(header);
$(document).ready(function(){
    $('.headernav li').each(function(index, item){
        $(item).attr('data-id', index);
        var dataID = $(this).attr("data-id");
        if(current == dataID){
            var _this = $(this);
            _this.addClass("active");
        }
    });
})
html:
<script src="../js/common.js"></script>
<script>var current = 2;</script>