Question

在这个网站上：http://www.eco-environments.co.uk/如果你向下滚动到“我们做什么”并翻转链接你会得到一个气泡弹出显示，有人能告诉我这是如何创建的吗？

由于

Answer 1

您可以使用像jquery tooltips这样的jQuery插件来实现这种效果。查看demos。

Answer 2

这实际上是一种非常简单的效果。

首先，工具提示的HTML中有一个隐藏的div。

<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。

Answer 3

似乎在http://docs.jquery.com/Events/hover

使用了正常的jQuery Hover.details

CSS / Jquery效果 - 这是什么？

3 个答案: