1

我有一个名为 header.php 的通用菜单页面，我已将其包含在我的索引和另一个页面中。现在我要实现一个工具，通过它，当我单击它时它将选择菜单，当我单击另一个菜单时，选择将跳转到该菜单。但问题是，这里我使用的是动态页面（只有两个页面）一个 index.php，另一个假设是 details.php，并且我使用链接作为

这是我正在使用的 CSS

    div.DHeader03 div.DHeader03MenuTop{background-color:#333;height:31px;float:left;width:100%;}div.DHeader03 div.DHeader03MenuTop a{padding:5px 10px 5px 10px;color:#ccc;float:left;}div.DHeader03 div.DHeader03MenuTop a:hover{color:#fff;background-color:#000;}

下面是我的 header.php 页面代码（仅限菜单部分）

<div class="DHeader03">
    <div class="DHeader03MenuTop">
        <a href="http://www.banglanews24.com/new/categorizednews.php?newtype=15">Home</a>
        <a href="http://www.banglanews24.com/new/categorizednews.php?newtype=3">About</a>

    </div>
    <div class="DHeader03MenuBottom">
        <a href="http://www.banglanews24.com/new/categorizednews.php?newtype=33">Test</a>
        <a href="http://www.banglanews24.com/new/categorizednews.php?newtype=17">Contact</a>

    </div>
</div>

现在我的问题是，在这种情况下我该如何实现呢？

4

2 回答 2

1

如果重点是创建一个带有下拉和悬停、选定、链接等的菜单。我可能会建议您使用无序列表。例如。

<ul>
  <li>
    <a href="www.something here">link</a>
  </li>
  <li>
    <a href="www.something here">link II</a>
  </li>
</ul>

然后做出适当的造型。我建议您查看此菜单下拉示例。http://lwis.net/free-css-drop-down-menu/。不错的 CSS 启动，满足您的需求。

于 2012-04-26T07:49:27.147 回答
0

你可以试试这样..

<style type="text/css"> 
    li.selected {
        background-color: #f90;
    }
</style>

<script>
$('ul.DHeader03 li a').click(
function(e) {
    e.preventDefault(); // prevent the default action
    e.stopPropagation; // stop the click from bubbling
    $(this).closest('ul').find('.selected').removeClass('selected');
    $(this).parent().addClass('selected');
}); 
</script>

<ul class="DHeader03">
<div class="DHeader03MenuTop">
    <li><a href="http://www.ngorg.com/?m=1">Home</a></li>
    <li><a href="http://www.ngorg.com/?m=2">About</a></li>

</div>
<div class="DHeader03MenuBottom">
    <li><a href="http://www.ngorg.com/?m=3">Test</a></li>
    <li><a href="http://www.ngorg.com/?m=4">Contact</a></li>
</div>
</ul>
于 2014-06-13T10:23:57.910 回答