2012-03-05 9 views
0

Кто-нибудь знает, как идти о показе div (плавно) при зависании над другим элементом. например, наведите указатель мыши на ссылку «Новости», а затем div с новостями появится и исчезнет с мыши.Отображение div при зависании над другим элементом

Я предполагаю, что я буду использовать jQuery для этого, но у кого-нибудь есть какие-то указатели, с чего начать?

ответ

0

jQuery hover

С комбинацией fadeIn и fadeOut (для показа/скрытия div с новостями гладко), должны это сделать.

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 Документация:

Смежные вопросы