在图像链接后面滑动背景图像

时间:2012-11-05 15:18:48

标签: jquery image button background

所以,我有这个带有菜单的html网页。我已将菜单编码为包含3个链接的列表。

菜单包含Illustrator png图像:主页,联系人等。我想要实现的是当您将鼠标悬停在链接上时,某种颜色会从左侧滑动。这种特定颜色也是Illustrator图像。

我能够做到这一点(带有教程),菜单上有一个简单的纯文本,背景幻灯片的图像和jQuery:jQuery buttons, 但我想用2张图片来做这件事。

我能正确解释自己吗? 我该如何尝试这样做?

1 个答案:

答案 0 :(得分:0)

有几种方法可以实现这一目标,这里有3个。

1)在背景图像精灵中包含透明图像。因此,您将两个图像组合在一起并将其用作单个背景图像。然后,您只需相应地定位背景图像。如果您不熟悉精灵,请参阅以下文章:CSS Sprite Button

2)将图像硬编码到链接中并使用css生成背景颜色。这样您就不必使用单独的图像。例如:     a:悬停{background:#f00; }

3)将图像硬编码到链接中并使用背景图像来实现悬停效果。我不建议这样做,因为它会导致您的链接变得无法搜索和无法选择。