如何使用JavaScript翻转图像制作自定义社交按钮？

Question

我想做一些自定义的社交按钮(比如Facebook的链接，Stumbleupon的分享链接等等)在我的网站上。到目前为止，我已经在Photoshop和Fireworks中投入了相当多的工作，但现在我不能将所需的脚本与按钮上的热点关联起来(请记住，我是Fireworks的新手，在这种情况下，我不确定我应该使用切片还是热点)。我该怎么做呢？

Answer 1

你应该只在css中使用常规的悬停。你甚至可以使用精灵。在Photoshop和crop中将图片的悬停状态和常规状态放在一起，在CSS中将宽度和高度放在锚定标签上。在悬停时，使用background-position来定位你的图片。我就是这么做的。