jquery導航動畫讓li標籤消失

沒錯，所以我正試圖將其導航到鼠標懸停在其上方的位置：hover背景淡入淡出。在谷歌搜索後，我遇到了這個jQuery代碼，並決定使用它。下面是使用它，而它的工作不破我的網站的例子：http://techhosts.net/example/index.html jquery導航動畫讓li標籤消失

 $(document).ready(function(){ 
      $("ul#nav li a").css({"opacity" : 0}).hover(function(){ 
       $(this).stop().animate({"opacity" : 1}, 600); //Change fade-in speed 
      }, function(){ 
       $(this).stop().animate({"opacity" : 0}, 1200);//Change fade-out speed 
      }); 
     });

看來工作，除了事實，我的李標籤與錨標記和文字一起消失。我認爲它與不透明度有關，但是當我將其刪除時，效果不再可見。該腳本最初與圖像一起使用。

我想如果我能找到一種方法將其與a：hover規則聯繫起來，那麼它會很好，但我不知道這是否可能。除了編輯它之外，我對jquery並不擅長，所以對此有任何幫助。如果答案是正確的，我很抱歉，但我不能讀這個。

來源

2011-06-16 Blacky Wolf

您是否嘗試將不透明度從0更改爲「0.5」？即50％透明 – 2011-06-16 07:26:59

是的，但我寧願只有背景褪色。我猜如果推動來推，我將不得不使用它，下面的教程不幫助我。 – 2011-06-16 08:09:32

也許你可以移動的背景圖片如下所示： http://stackoverflow.com/questions/367020/jquery-easiest-way-to-animate-background-image-sliding-left – McPepper 2011-06-16 08:11:46

當你改變你的jQuery來這樣做的效果是好的：

$(document).ready(function(){ 
    $("ul#nav li a").hover(function(){ 
     $(this).stop().animate({"opacity" : 0}, 600); //Change fade-in speed 
    }, function(){ 
     $(this).stop().animate({"opacity" : 1}, 1200);//Change fade-out speed 
    }); 
});

來源

2011-06-16 07:29:39 McPepper

它確實使它可見，除了我只需要背景上的一個：懸停淡入，然後出來時，鼠標不再徘徊在它。 – 2011-06-16 07:33:59

正如我已瞭解你想要的鏈接文本總是可見的和BG在/淡出？所以嘗試使用bg動畫代替「a」標籤。看看背景動畫技術。 http://snook.ca/technical/jquery-bg/（演示示例C：淡入淡出1色）教程http://snook.ca/archives/javascript/jquery-bg-image-animations/

來源

2011-06-16 07:33:37 akopichin

jquery導航動畫讓li標籤消失

回答

相關問題