Как создание события мини окна в onmouseover

У меня есть кнопка в Вебе restaurant, и я хотел бы, чтобы, когда они переместят мышь над кнопкой, вышло мини ventanita, где появилось это: (https://es.theysay.me/ranking/111/) Я Думаю, что с событием onmouseover он, может быть, мог бы делать это, кто-то знает, что код был бы лучшим? я нуждаюсь в чем-то, что было бы с очень мало кодом по возможности, из-за, как я считаю сделанным Веб. Спасибо.

Я довожу до сведения, что этот Веб сделан в Adobe Muse. А следовательно ответ, в котором я нуждаюсь, - рукописный шрифт или что-то с мало кодом, который он мог бы копировать как объект html на изображении.

introducir la descripción de la imagen aquí

Я могу вводить код HTML в изображение, которое я хочу. В этом случае кнопка Gastroranking - изображение и я хочу, чтобы вышел этот маленький popup, когда с ним произойдет мышь сверху. Я не хочу, чтобы это было clicable ни чем-либо из этого, только, который показал истинный ranking. Так как сейчас кнопка redondito, что появляется, состою я в том, что я это поместил там, в действительности он не показывает правды в реальном времени.

1
задан 01.06.2016, 11:54
2 ответа

Посредством стилей css ты можешь показывать элемент, сделав hover на botГіn, как я помещаю тебя в пример.

TambiГ©n включил cГіdigo javascript, что permitirГ, - чтобы загружать, используя jQuery, внешний контент в элементе popup. В среде Стакк Оверфлов оно ты не будет функционировать, потому что они это не позволяют по причине безопасности, но deberГ-эксперта мочь делать это в твоем Вебе.

$(function(){
  $('.popup').load('https://es.theysay.me/ranking/111/');
});
.popup{
  display: none;
  width: 150px;
  height: 100px;
  background-color: yellow;
}
.popup-button:hover .popup{
  display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="popup-button">
  <button>Mostrar</button>
  <div class="popup">Contenido del popup</div>
</div>
  
3
ответ дан 24.11.2019, 14:15
  • 1
    Этот Веб est и # 225; сделанная в необожженном кирпиче muse, из-за которого edici и # 243; n c и # 243; я говорю est и # 225; уменьшенная. Поскольку есть несколько человек, которые работают в этом Вебе, она и #250; nica форма, которая у меня есть, делания того, что я хочу, - внутри проекта не в c и # 243; я говорю прямо, из-за которого это и #250; nico, который я могу делать, состоит в том, чтобы вводить объект html, именно поэтому я нуждаюсь в м и # 237; nimo c и # 243; я говорю возможно. В этом случае твой ответ кажется хорошим, но я не могу вводить все это в c и # 243; я говорю прямо. Потому что, когда другие работают в проекте muse изменения, написанные прямо в c и # 243; я говорю удалять и # 237; an. –  Marc Lemien 01.06.2016, 11:28

ВїNo ты используешь уже какой-то pack javascript тип jquery ui или bootstrap?

с bootstrap у тебя есть popover с этой документацией ты мог бы бросать это, когда мышь

происходит, Снабди ссылками popover с Bootstrap

я надеюсь, что он может помогать тебе.

0
ответ дан 24.11.2019, 14:15
  • 1
    все это интегрировано в пакеты c и # 243; я говорю, что он создает необожженный кирпич muse в каждом проекте. Я быть достаточным и # 237; в с одним c и # 243; я говорю тип iframe и что-то еще о c и # 243; я говорю, что мне мог делать этот эффект, но уже говорю, что должен быть очень мало для того, чтобы он это прикрепил в ящике, который я показываю в изображении, и смог функционировать с этим. –  Marc Lemien 02.06.2016, 08:31
  • 2
    я существую provado с твоей ссылкой Bootsrap прикрепляя все c и # 243; я говорю в моем ящике, ретушируя какие-то вещи для того, чтобы он показывал мое изображение, оно функционировало в funci и # 243; n, что у него есть показывания предварительного того, что он делает c и # 243; я говорю, но как только я это прикрепляю в моем ящике в Muse уже прекрати функционировать. Tendr и # 233; который soluci находить и # 243; n м и # 225; s простофиля. Спасибо за твой ответ. –  Marc Lemien 02.06.2016, 08:54