你好,所以我正在尝试使用 css 制作一个菜单,但是当我尝试从菜单中单击一个元素时,它会在新选项卡中打开它,而我希望它位于同一页面的 div 中,我是新手css 那是我的作业 你能帮我吗 谢谢 这是代码
<div id="menu"><?php include('admin/Menu/menu.php');?></div>
<div id="main">
i want the content here
</div>
这是菜单代码
<ul id="menu">
<li>
<a href="#">Catalogue</a>
<ul>
<li><a href="#">Produits</a></li>
<li><a href="#">Catégories</a></li>
<li><a href="#">Marque</a></li>
<li><a href="#">Fournisseur</a></li>
</ul>
</li>
<li>
<a href="#">Commandes</a>
<ul>
<li><a href="#">Commandes</a></li>
<li><a href="#">Messages prédifinis</a></li>
</ul>
</li>
<li>
<a href="#">Clients</a>
<ul>
<li><a href="#">Clients</a> <li>
<li><a href="#">Pays</a></li>
<li><a href="#">Groupes</a> <li>
<li><a href="#">Titre de civilité</a></li>
</ul>
</li>
<li>
<a href="#">Paramètres avancés</a>
<ul>
<li><a href="#">Emails</a></li>
<li><a href="#">Images</a></li>
</ul>
</li>
<li>
<a href="#">Administration</a>
<ul>
<li><a href="#">Employés</a></li>
<li><a href="#">Profils</a></li>
<li><a href="#">Permission</a></li>
</ul>
</li>
<li>
<a href="#">Stats</a>
<ul>
<li><a href="#">Stats</a></li>
</ul>
</li>
最佳答案
你可以做的是这样的:
<a id='showMeButton'>button</a>
<a id='showThisButton'>button2</a>
<div id='main'>
<div id='showMeContent' class='content'>
<p>This is just some basic content</p>
</div>
<div id='showThisContent' class='content'>
<p>This is also just some basic content</p>
</div>
</div>
<style>
.content { display: none; }
#showMeButton:active #showMeContent { display: block; }
#showThisButton:active #showThisContent { display: block; }
</style>
这是最接近于使用 css 的方法,但是使用 jQuery 可能会做得更好:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<a id='showMeButton'>button</a>
<a id='showThisButton'>button2</a>
<div id='main'></div>
<script>
$('#showMeButton').click(function() {
$("#main").empty();
$("#main").append("<p>This is some content</p>");
});
$('#showThisButton').click(function() {
$("#main").empty();
$("#main").append("<p>This is also some content</p>");
});
</script>
无论你做什么,你都必须确保开始使用 id 标签,否则它只是充当链接,你可以轻松地将 href='#' 替换为 id='something',然后编写一些 css 或javascript 在您喜欢的 div 中打开您的内容。
关于php - div 中的 css 菜单代码内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22671606/