Я добавляю всплывающие подсказки, используя код JavaScript
$(function(){
$('.fimg2').mousemove(function(e){
$('.fimgshow2').fadeIn();
$('.fimgshow2').css('top', e.clientY+20).css('left', e.clientX+10);
}).mouseout(function(){
$('.fimgshow2').hide();
$('.fimgshow2').fadeOut();
});
});
Здесь fimg2 - изображение. когда мы перемещаемся по этому изображению, тогда fimgshow2 должен быть apper как подсказки инструмента.
Это рабочий файл, но позиция div fimgshow2 не отображается в левой части мыши.
Когда я перемещаю страницу вверх или вниз, положение fimgshow2 также изменилось.
Наконец, я хочу установить динамическую позицию в "fimgshow2", используя $ ('. Fimgshow2'). Css ('top', e.clientY + 20).css('left', e.clientX + 10);
когда я могу показать подсказки инструмента только в правой части указателя мыши.
Я создал для вас скрипку здесь
<img class="fimg2" src="somelink" style="position:absolute"></img>
<img class="fimgshow2" src="someotherlink" style="position:relative;display:none"></img>
Я думаю, вы не устанавливаете положение обоих изображений.
Положение figm2 и fimgshow2 должно быть абсолютным и относительным, соответственно.
Надеюсь, я ничего не пропустил.