2012-12-25 137 views
0

即時通過做一些代碼來做一些事情,當鼠標在框(「titulo」)上,但是當鼠標在字母上時,效果關閉。代碼上方,該網站是在這裏:jQuery .hover bug

http://www.feijaodesign.com/toga/

與效果的盒子是唯一的文本「PROMOÇOES」

感謝隊友。

$(".titulo").hover(function(){ 
    $(".titulo").animate({ 
    top: "0px", 
    height: "100px" 
    }, 100); 
}); 

$(".titulo").hover(function(){ 
    $(".titulo").animate({ 
    top: "55px", 
    height: "45px" 
    }, 100); 
}); 
+2

請,不要以爲在開發你遇到的任何問題是在軟件中的錯誤。 – Hidde

回答

1

你應該以不同的方式使用hover()方法:

$(".titulo").hover(function() { 
    $(this).animate({ 
     top: "0px", 
     height: "100px" 
    }, 100); 
}, function() { 
    $(this).animate({ 
     top: "55px", 
     height: "45px" 
    }, 100); 
}); 
+0

不錯!有用!還有一個問題。如果我想在鼠標滑過字母時也能達到同樣的效果,我還需要做什麼?相同的代碼,但字母? – Styr

+0

@ user1928829你有'div',ID'content'與'.titulo'元素重疊。改變你的標記,效果將按你的意願工作。 – VisioN

+0

完美:D謝謝 – Styr