Как создание события мини окна в onmouseover
У меня есть кнопка в Вебе restaurant, и я хотел бы, чтобы, когда они переместят мышь над кнопкой, вышло мини ventanita, где появилось это: (https://es.theysay.me/ranking/111/) Я Думаю, что с событием onmouseover он, может быть, мог бы делать это, кто-то знает, что код был бы лучшим? я нуждаюсь в чем-то, что было бы с очень мало кодом по возможности, из-за, как я считаю сделанным Веб. Спасибо.
Я довожу до сведения, что этот Веб сделан в Adobe Muse. А следовательно ответ, в котором я нуждаюсь, - рукописный шрифт или что-то с мало кодом, который он мог бы копировать как объект html на изображении.
Я могу вводить код HTML в изображение, которое я хочу. В этом случае кнопка Gastroranking - изображение и я хочу, чтобы вышел этот маленький popup, когда с ним произойдет мышь сверху. Я не хочу, чтобы это было clicable ни чем-либо из этого, только, который показал истинный ranking. Так как сейчас кнопка redondito, что появляется, состою я в том, что я это поместил там, в действительности он не показывает правды в реальном времени.
Посредством стилей 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>
-
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
я надеюсь, что он может помогать тебе.
-
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