Показать изображение, когда mousemove над текстом с jquery?

Вы знаете какой-либо учебник или скрипт, который показывает картинку, когда mousemove поверх html-текста?Показать изображение, когда mousemove над текстом с jquery?

источник

2010-06-06 DomingoSL

Когда вы говорите "MouseMove" , вы имеете в виду, когда указатель нависает над текстом? Или вы на самом деле имеете в виду только отображение изображения во время перемещения мыши? Можете ли вы предложить более подробную информацию? – user113716

зависает над текстом – DomingoSL

, и когда вы имеете в виду показать картинку, вы имеете в виду удалить текст, а затем показать изображение или показать картинку в другом месте – Starx

базовый пример использования JQuery будет что-то вроде этого:

CSS

#myImage { 
    display:none; 
}

HTML

<span class='pictureTrigger'>some text</span> 

<img id='myImage' src='/path/to/image' />

JQuery

$(function() { // Makes sure DOM loads before code is run 

    $('.pictureTrigger').hover( // Assign event handlers for mouseenter/mouseleave 

     function() { $('#myImage').show(); }, // Find myImage and show it on mouseenter 
     function() { $('#myImage').hide(); } // Find myImage and hide it on mouseleave 
    ); 

});

Это трудно дать лучшее ответит t больше особенностей в вопросе.

Основная идея состоит в том, что текст содержится в span, который имеет класс под названием pictureTrigger. Однако можно назвать что-то.

Событие зависания (которое фактически сокращает два события, mouseenter и mouseleave) добавляется ко всем элементам с классом pictureTrigger.

Эти две функции представляют собой события mouseenter и mouseleave соответственно. Функции обработчика событий находят img с ID myImage и показывают/скрывают его.

Соответствующие JQuery документы: