html - 主菜单中的sIFR

这个菜单是：

<div class="navigation">
  <ul id="nav-menu">
    <li class="active">
      <div class="sifr-r active"><a href="#" title="home" class="top-link"><span class="blue-small">01.</span><br />HOME</a></div>
      <div class="blue-line"></div>
    </li>
    <li>
      <div class="sifr-r"><a href="#" title="property management" class="top-link"><span class="blue-small">02.</span><br />PROPERTY<br />MANAGEMENT</a></div>
      <div class="blue-line"></div>
      <ul>
        <li><a href="#" title="Rental returns">Rental returns</a></li>
        <li class="last"><a href="#" title="Resources">Resources</a></li>
      </ul>
    </li>
</ul>

和sIFR：

sIFR.replace(conduititc_light, {
  selector: '.sifr-r',
  css: [
    'a {color: #3c4a4b; text-decoration: none; margin-left: 4}',
    'a .blue-small {color: #00bbd6; font-size: 8}',
    'a:hover {color: #ffffff}',
    'a:hover .blue-small {color: #00bbd6}',
    'a.hover {color: #ffffff}'
  ],
  wmode: 'transparent'
});

当鼠标指向li时如何在sIFR中保存悬停效果？ Whithout sIFR由js（mootools）制成：

var nav = $('nav-menu');
nav.getElements('.sifr-r').each(function(item) {
  item.getParent().addEvents({
    'mouseover': function() {
      if (!item.getParent().hasClass('hover')) {
        item.getParent().addClass('hover');
      }
    },
    'mouseout': function() {
      if (item.getParent().hasClass('hover')) {
        item.removeClass('hover');
      }
    }
  });
});

和CSS：

.navigation ul li.hover a.top-link {color: white}

最佳答案

您需要在sIFR Flash文件中创建悬停效果。 sIFR将页面中的HMTL元素替换为Flash SWF。此SWF完全不受CSS类的影响。

关于html - 主菜单中的sIFR，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1305647/