Question

我的博客菜单http://www.airinaapril.blogspot.com工作得很好。但后来我注意到它没有徘徊在下拉列表中。我对代码知之甚少。有人可以帮帮我吗？

以下是代码：

<div id='mbwnavbar'>
  <ul id='mbwnav'>
    <li>
      <a href='http://airinaapril.blogspot.com/'>HOME</a>
    </li>
    <li>
      <a href='http://airinaapril.blogspot.com/p/about.html'>ABOUT</a>
    </li>
    <li>
      <a href='http://airinaapril.blogspot.com/search/label/review'>REVIEWS</a>
        <ul>
            <li><a href='http://airinaapril.blogspot.com/search/label/food'>FOOD</a></li>
            <li><a href='http://airinaapril.blogspot.com/search/label/others'>OTHERS</a></li>
        </ul>
   </li>
    <li>
      <a href='http://airinaapril.blogspot.com/search/label/events'>EVENTS</a>
    </li>
     <li>
      <a href='http://airinaapril.blogspot.com/search/label/Book%20talk'>BOOK TALK</a>
    </li>
     <li>
      <a href='http://airinaapril.blogspot.com/search/label/travel'>TRAVEL</a>
    </li>
     <li>
       <a href='http://airinaapril.blogspot.com/search/label/Nursing'>NURSING</a>
        <ul>
            <li><a href='http://airinaapril.blogspot.com/search/label/Nurse%27s%20call'>NURSE'S CALL</a></li>
            <li><a href='http://airinaapril.blogspot.com/search/label/IELTS'>IELTS</a></li>
            <li><a href='http://airinaapril.blogspot.com/search/label/To%20Canada'>TO CANADA, I WILL GO</a></li>
        </ul>
    </li>
    <li>
      <a href='http://airinaapril.blogspot.com/search/label/personal'>PERSONAL</a>
        <ul>
            <li><a href='http://airinaapril.blogspot.com/search/label/people%20of%20my%20year'>PEOPLE OF MY YEAR</a></li>
            <li><a href='http://airinaapril.blogspot.com/search/label/It%27s%20all%20relative'>IT'S ALL RELATIVE</a></li>
            <li><a href='http://airinaapril.blogspot.com/search/label/Choir'>CHOIR</a></li>
            <li><a href='http://airinaapril.blogspot.com/search/label/Me'>ME</a></li>
        </ul>
    </li>
    <li>
      <a href='http://airinadesuyo.journoportfolio.com'>PRESS</a>
        </li></ul>


</div>

Answer 1

加载谷歌字体时出现问题。如果你取出这部分代码，悬停效果就可以了。

<script type="text/javascript">
      WebFontConfig = {
        google: {
          families: ['Bentham', 'Josefin Sans'],
          api: '//fonts.googleapis.com/css?kit=74CQnMKN2BkXEmUj8YT1AfI9iBPEt1ZCKPy57IUpIMg'
        },
        loading: function() {
          if (window.jstiming) window.jstiming.load.tick('webfontLoading');
        },
        active: function() {
          if (window.jstiming) window.jstiming.load.tick('webfontActive');
        }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })();

    </script>

问题是这样的 -navigation样式已关闭 - 你没有合适的字体。

所以：而不是使用JS来加载你的字体使用这种更新的嵌入字体方式：

<link href='https://fonts.googleapis.com/css?family=Bentham' rel='stylesheet' type='text/css'>

然后你需要修改菜单的样式以确保它具有正确的高度。

Blogger下拉菜单无法正常工作

1 个答案: