带sIFR的Javascript选项卡菜单

我正在使用两级菜单，如上的Dynamic Drive示例。目标是在主导航onmouseover下显示一个subnav层，在一段时间间隔后恢复到每个页面的默认subnav层。它可以工作，除了一个大问题：我在主要导航项上使用sIFR

•主要导航源：

<div id="mainNav">
<ul>
    // rel="subnav1" shows the "subnav1" layer in the snippet below
    <li class="navLi"><a href="around-othello.php" rel="subnav1">Around Othello</a></li>

    // rel="subnav2" shows the "subnav2" layer in the snippet below
    <li class="navLi"><a href="living-here.php" rel="subnav2">Living Here</a></li>

    // rel="subnav3" shows the "subnav3" layer in the snippet below
    <li class="navLi"><a href="link-to-it.php">Link to it</a></li>

    <li class="navLi"><a href="whats-new.php">What's New</a></li>

    <li class="navLi"><a href="contact.php">Contact</a></li>

    <li class="navLi"><a href="retail.php">Retail Hub</a></li>
</ul>
</div>

•Subnav源代码是一个单独的代码段

<div id="subnav1" class="subnav">
<ul>
    <li><a href="around-othello.php">Around Othello</a></li>
    <li class="pipe"> | </li>
    <li><a href="around-othello.php?p=your-big-backyard">Your Big Backyard</a></li>
    <li class="pipe"> | </li>
    <li><a href="around-othello.php?p=explore-the-area">Explore the Area</a></li>
    <li class="pipe"> | </li>
    <li><a href="communityBuzz">Community Buzz</a></li>
</ul>
</div>

<div id="subnav2" class="subnav">
<ul>
    <li><a href="around-othello.php">Around Othello</a></li>
    <li class="pipe"> | </li>
    <li><a href="communityBuzz">Community Buzz</a></li>
</ul>
</div>

<div id="subnav3" class="subnav">
<ul>
    <li><a href="living-here.php">Living Here</a></li>
    <li class="pipe"> | </li>
    <li><a href="living-here.php?p=living-green">Living Green</a></li>
</ul>
</div>

---

说真的，省省麻烦，不要在这里使用sIFR。

我最终从导航中删除了sIFR，并将其设置为基于图像的，这样就可以使用上面的脚本。sIFR还导致了internetexplorer中难看的HTML页面转换，最终导致我切换。这很糟糕，因为我鄙视基于图像的导航。希望他们永远不必更新它。

<div id="subnav1" class="subnav">
<ul>
    <li><a href="around-othello.php">Around Othello</a></li>
    <li class="pipe"> | </li>
    <li><a href="around-othello.php?p=your-big-backyard">Your Big Backyard</a></li>
    <li class="pipe"> | </li>
    <li><a href="around-othello.php?p=explore-the-area">Explore the Area</a></li>
    <li class="pipe"> | </li>
    <li><a href="communityBuzz">Community Buzz</a></li>
</ul>
</div>

<div id="subnav2" class="subnav">
<ul>
    <li><a href="around-othello.php">Around Othello</a></li>
    <li class="pipe"> | </li>
    <li><a href="communityBuzz">Community Buzz</a></li>
</ul>
</div>

<div id="subnav3" class="subnav">
<ul>
    <li><a href="living-here.php">Living Here</a></li>
    <li class="pipe"> | </li>
    <li><a href="living-here.php?p=living-green">Living Green</a></li>
</ul>
</div>