2014-12-30 6 views
0

Я использую asp.net в VS 2013.Всплывающие окна при наведении курсора над DIV

Я хочу, чтобы отобразить всплывающее окно, когда пользователь наводит курсор над дел. У меня есть 3 divs на странице, и каждый из них квадрат ок. 50х50. Когда пользователь наводит указатель мыши на каждый из них, я хочу, чтобы появилось другое всплывающее окно.

Я играл с hovermenuextender, чтобы достичь этого, но я не получаю нигде, поскольку он нуждается в контроле в качестве своей цели. В любом случае, для достижения этого с помощью Ajax-управления?

благодарит

+0

возможно дубликат [Как создать всплывающий DIV при наведении мышей и остаться при щелчке] (http://stackoverflow.com/ вопросы/20064226/how-to-create-a-pop-up-div-on-mouse-over-and-stay-when-click) –

+0

Ваше решение находится здесь http://stackoverflow.com/questions/20064226/how -в-Create-A-Pop-Up-Div-на-мыши-над-и-Тур-When-клик –

ответ

-1

Вы можете попробовать это:

шаг 1: Держите три всплывающие окна с различными идентификаторами в вашем HTML с стиле = «дисплей: нет; положение: абсолютный; верх: 50%; левый : 50%;». и всплывающее имя класса.

например.

<div class="popup" id="1" style = "display:none;position:absolute;top:50%;left:50%;"></div> 

шаг 2: Дайте имя класс (соответствующие идентификаторы скрытой дивы) к вашим дивам, на котором пользователь будет парить и родительский атрибут к вашим дивам.

например.

<div class="showdiv" parent="1"></div> 

шаг 3: Теперь напишите следующий код:

$(document).ready(function() { 

      $('.showdiv').mouseover(function() { 

       $(".popup").hide(); 
       $("'#"+$(this).attr('parent')+"'").show();      

      });  

    }); 

    try prop if attr doen't work. 
Смежные вопросы