Пользовательские подсказки JavaScript

0

Я добавляю всплывающие подсказки, используя код 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);

когда я могу показать подсказки инструмента только в правой части указателя мыши.

Теги:

1 ответ

0
Лучший ответ

Я создал для вас скрипку здесь

<img class="fimg2" src="somelink" style="position:absolute"></img>
<img class="fimgshow2" src="someotherlink" style="position:relative;display:none"></img>

Я думаю, вы не устанавливаете положение обоих изображений.

Положение figm2 и fimgshow2 должно быть абсолютным и относительным, соответственно.

Надеюсь, я ничего не пропустил.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню