1. 首頁
  2. 問答
  3. 當鼠標懸停在另一個元素上時顯示一個div

當鼠標懸停在另一個元素上時顯示一個div

2012-03-05 138 views
0

是否有人知道如何在顯示一個div（平滑）時將鼠標懸停在另一個元素上。例如將鼠標懸停在「新聞」鏈接上，然後帶有新聞的div將出現並在鼠標關閉時消失。當鼠標懸停在另一個元素上時顯示一個div

我猜我會用這個jQuery，但沒有任何人有任何指針從哪裏開始？

來源

2012-03-05 Chris Till

回答

0
jQuery hover

隨着fadeIn和fadeOut的組合（用於顯示/新聞順利隱藏div）應該這樣做。

來源

2012-03-05 14:34:16 Nikhil

3 
$('#news').hover(function(){ 
     $('#details').show("slow");// You can chose, slow,fast or type milliseconds 
},function(){ 
     $('#details').hide("slow"); 
});

您只需使用.hover()，並給它2個論據是功能。第一個在鼠標進入news時執行，第二個在鼠標離開時執行news。
使用show()和hide()方法可以添加一些效果。你也可以使用fadeIn(), fadeout()或者只是使用fadeToggle()，toggle()

jQuery的文檔：

來源

2012-03-05 14:35:24

相關問題

 相關問題