-2

これは私のhtmlです：

<ul id="navigationMenu">
<li>
    <a class="home" href="#">
        <span> i need to prevent loading this content</span>
    </a>
</li>

<li>
    <a class="about" href="#">
        <span><img src="http://webdesigntunes.com/wp-content/uploads/2013/05/Minimalistic-Navigation-Menu.jpg" /> </span>
    </a>
</li>

<li>
     <a class="services" href="#">
        <span>Services</span>
     </a>
</li>

<li>
    <a class="portfolio" href="#">
        <span>Portfolio</span>
    </a>
</li>

<li>
    <a class="contact" href="#">
        <span>Contact us</span>
    </a>
</li>

css入れられなくてごめんなさい！

しかし、私はオーバーフローでliを非表示にします:hiddenとホバーオーバーフロー:可視

訪問者が別の div にカーソルを合わせて "li" を表示するまで、ブラウザーが非表示の li コンテンツを読み込まないようにする必要があります。

4

2 に答える 2

0 
<li id="list">
  <a class="about" href="#">
    <span><img src="http://webdesigntunes.com/wp-content/uploads/2013/05/Sweet-Tabbed.jpg"   /> </span>
  </a>
</li>


$(document).ready(function()
{
   $('#list').hide();

   $('#yourdiv').hover(function()
   {
     $('#list').show();
   },

  function()
  {
    //in case you want to hide it again on mouseout else leave this function empty
    $('#list').hide();  
  }
  );

});
于 2013-10-24T08:51:20.640 に答える