个性化Facebook like按钮

Question

我在Wordpress中创建了一个应用程序，用户在喜欢视频后下载视频。视频就像帖子。我有Facebook的按钮，但如果用户喜欢这个帖子，我想让按钮变成下载。任何想法我应该做什么？谢谢。

Answer 1

只要把Facebook的Like按钮在同一个地方的下载按钮，例如把它们放在一个共同的div元素：

<div id="like_download_container"> 
    <div id="fb-like></div> 
    <div id="download_button><!-- button code here --></div> 
</div> 

，并给下载按钮z-index值设置为-1。然后，将Javascript中的事件绑定到Like按钮上的单击事件，然后将z索引碰撞到2。使用jQuery（嗯，即使没有，但jQuery使它更简单），你甚至可以应用一个不错的动画。既然你不能真正动画一个z-index变化（它只是使底部构件突然尽快出现，因为它传递的第二个的z-index值），一个想法是不透明度发挥：

$('#download_button').css({ 
    'opacity' : '0', 
    'z-index' : '2' 
}); 
$('#download_button').animate('opacity', '1');