我怎样才能显示Facebook上的“赞”?鼠标悬停在图像上的链接

How can I show the Facebook "like" link on mouseover on an image?

本文关键字：悬停 鼠标 图像 链接 显示 上的 Facebook      更新时间：2023-09-26

如何在图片上显示Facebook "like"链接?我希望Facebook的"喜欢"按钮只加载时，鼠标是在图像。

我的想法是，当鼠标在图像上时，在图像上附加iframe，因为如果页面上有许多图像，这样可以防止变慢。

我怎么能做这样的东西与/没有jQuery?

你不能简单地加载这个按钮到div和隐藏img/显示div在鼠标悬停和显示img/隐藏div在鼠标悬停?

<div id="like" style="display:none; ">
 <!-- FB code like here -->
</div>
<img src="x.gif" id="im" />
<script>
$("#im").hover(function(){
  $("#like").show();
},function(){
  $("#like").hide();
});
</script>

正常加载Facebook脚本，但不包含任何按钮代码。然后，onmousover，为Facebook按钮编写div标签，并通过调用

初始化按钮
FB.XFBML.parse();

这将搜索整个DOM并初始化每个按钮。

或者，为了只计算文档的一部分，您可以传入单个元素。

FB.XFBML.parse(document.getElementById('foo'));
相关文章：