我有一個非常大的樹形選單，它總是一樣的。是否可以創建自定義 css 屬性（我不知道技術術語），以便我可以在 html 檔案中創建選單，并且只在每個頁面的源代碼中鍵入幾個字符以使其出現？像這樣的東西：
// index.html
<html>
<head>
<title>Example of what I mean></title>
<link type="text/css" src="page_style.css" />
</head>
<div class="navigation_div">
<css_nav_thing><!-- Nav menu appears here --></css_nav_thing>
</div>
<div class="content_div">content stuff here</div>
</body>
</html>
// menu.html
<html>
<head>
<link type="text/css" src="nav_menu_style.css" />
<script src="nav.js"></script>
</head>
<body>
<div class="nav">
<li>'s and <ul>'s that create the links for a navigation menu </li>'s and </ul>'s
</div>
</body>
</html>
// page_style.css
body {
body stuff
}
css_nav_thing {
src: (url="menu.html")
position: stuff;
margin: stuff'
}
.content_div {
position: stuff;
margin: stuff;
andstuf: stuff;
}
// nav_menu_style.css
body {
stuff: stuff;
]
a {
color: #374;
andstuff: stuff;
}
// content_page.html
<html>
<head>
<title>Example of what I mean></title>
<link type="text/css" src="page_style.css" />
</head>
<div class="navigation_div">
<css_nav_thing>
<!-- Nav menu appears here -->
</css_nav_thing>
</div>
<div class="content_div">content stuff here</div>
</body>
</html>
// some_other_content_page.html
<html>
<head>
<title>Example of what I mean></title>
<link type="text/css" src="page_style.css" />
</head>
<div class="navigation_div">
<css_nav_thing>
<!-- Nav menu appears here -->
</css_nav_thing>
</div>
<div class="content_div">content stuff here</div>
</body>
</html>
或者我們可以用<link src="menu.html" />標簽來做到這一點？？？與將所有選單的 li 和 ul 復制/粘貼到每個頁面相比，這是否可以使將相同的選單添加到一堆頁面更容易？我正在建立的網站將有數百頁。如果可能的話，如果我能讓它更容易和更快地完成，萬歲！
如果有可能......我會怎么做？
uj5u.com熱心網友回復：
使用 jQuery
選單.html
<html>
<head>
<link type="text/css" src="nav_menu_style.css" />
<script src="nav.js"></script>
</head>
<body>
<div class="nav">
<li>'s and <ul>'s that create the links for a navigation menu </li>'s and </ul>'s
</div>
</body>
</html>
some_other_content_page.html
<html>
<head>
</head>
<body>
<div id="includedContent"></div>
//some_other_content_page.html content
<script src="jquery.js"></script>
<script>
$(function(){
$("#includedContent").load("menu.html");
});
</script>
</body>
</html>
下載jQuery
.load() 檔案
uj5u.com熱心網友回復：
我會命名你的選單 menu.php 然后你可以在下面做。這對我來說總是有效的，你總是可以在任何單獨的幻燈片或畫廊或任何你想在特定頁面中插入的東西上執行此操作。
<html>
<head>
<title>Example of what I mean></title>
<link type="text/css" src="page_style.css" />
</head>
<div class="navigation_div">
<--THIS IS WHERE YOUR MENU GO-->
<?php include 'menu.php';?>
</div>
<div class="content_div">content stuff here</div>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/458912.html
上一篇：僅查找并顯示給定特定日期的檔案