на этом сайте: http://www.eco-environments.co.uk/ если вы прокрутите вниз до «Что мы делаем» и опрокинем ссылки, вы получите всплывающее окно с пузырьками, может ли кто-нибудь сказать мне, как это создается, пожалуйста?CSS/JQuery Effect - Что это?
Благодаря
Вы можете использовать плагин JQuery, как jquery tooltips для такого рода эффект. Проверьте demos.
это, как представляется, с помощью обычного JQuery Hover.details в http://docs.jquery.com/Events/hover
Это фактически эффект, который довольно прост в создании.
Во-первых, есть скрытый div в HTML для всплывающей подсказки.
<div class="popup" style="display:none;">Hidden Content Here</div>
Тогда javascript может использоваться, чтобы показать скрытый контент, когда что-то зависло. Например, вот как это будет работать с использованием jQuery (и, используя примерную страницу, как пример).
$(".tooltip").hover(function(){
$(this).children(".popup").fadeIn(); // Other effects can be used to show the Tooltip
},
function() {
$(this).children(".popup").fadeOut();
});
Остальное дело с помощью CSS, чтобы убедиться, что подсказка правильно установлена и делают его хорошо выглядеть (в большинстве случаев будет использоваться абсолютное позиционирование). Существует множество разных методов создания хорошего CSS для всплывающих подсказок, так как всегда Google is your friend.