39,087
社区成员
发帖
与我相关
我的任务
分享如何做一个页面共用一个 header 和 footer？
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>60talk</title>
<link rel="stylesheet" type="text/css" href="h.css">
</head>
<body>
<header>
<div class="header">
<ul>
<li class="logo"><a href="11.html"><img src="60.PNG" width=" 20px;" height="20px;">60talk</a></li>
<li class="active"><a href="11.html">首页</a></li>
<li><a href="22.html">试用</a></li>
<li><a href="33.html">帮助</a></li>
<li><a href="44.html" target=_blank>文档中心</a></li>
</ul>
</div>
</header>
<div style="height:1000px;"></div>
<footer>
<div class="footer">
<ul>
<li class="/"><a href="11.html">首页</a></li>|
<li><a href="#">试用</a></li>|
<li><a href="#">帮助</a></li>|
<li><a href="#" target=_blank>文档中心</a></li>
</ul>
</div>
<div class="Copyright">CopyRight 2014 60.com</div>
</footer>
</body>
</html>
现在主要问题是在footer标签里，效果如何达到和header文件的效果一样，求教大神！！谢谢
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>60talk</title>
<link rel="stylesheet" type="text/css" href="h.css">
</head>
<body>
<header>
<div class="header">
<ul>
<li class="logo"><a href="11.html"><img src="60.PNG" width=" 20px;" height="20px;">60talk</a></li>
<li class="active"><a href="11.html">首页</a></li>
<li><a href="22.html">试用</a></li>
<li><a href="33.html">帮助</a></li>
<li><a href="44.html" target=_blank>文档中心</a></li>
</ul>
</div>
</header>
<div style="height:1000px;"></div>
<footer>
<div class="footer">
<ul>
<li class="/"><a href="11.html">首页</a></li>|
<li><a href="#">试用</a></li>|
<li><a href="#">帮助</a></li>|
<li><a href="#" target=_blank>文档中心</a></li>
</ul>
</div>
<div class="Copyright">CopyRight 2014 60.com</div>
</footer>
</body>
</html>
现在主要问题是在footer标签里，效果如何达到和header文件的效果一样，求教大神！！谢谢
...全文
请发表友善的回复…
发表回复
业余草 2015-09-14
- 打赏
- 举报
说具体，是什么效果？？？？？？？？
业余草 2015-09-14
- 打赏
- 举报
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>60talk</title>
<link rel="stylesheet" type="text/css" href="h.css">
</head>
<body>
<header>
<div class="header">
<ul>
<li class="logo"><a href="11.html"><img src="60.PNG" width=" 20px;" height="20px;">60talk</a></li>
<li class="active"><a href="11.html">首页</a></li>
<li><a href="22.html">试用</a></li>
<li><a href="33.html">帮助</a></li>
<li><a href="44.html" target=_blank>文档中心</a></li>
</ul>
</div>
</header>
<div style="height:1000px;"></div>
<footer>
<div class="footer">
<ul>
<li class="/"><a href="11.html">首页</a></li>|
<li><a href="#">试用</a></li>|
<li><a href="#">帮助</a></li>|
<li><a href="#" target=_blank>文档中心</a></li>
</ul>
</div>
<div class="Copyright">CopyRight 2014 60.com</div>
</footer>
</body>
</html> 
香蕉猪 2015-09-11
- 打赏
- 举报
ajax
孟子E章 2015-09-11
- 打赏
- 举报
你可以写在一个js文件中，通过document.write输出，
每页写<script src="footer.js"></script>共用
