所以,我有这个带有菜单的html网页。我已将菜单编码为包含3个链接的列表。
菜单包含Illustrator png图像:主页,联系人等。我想要实现的是当您将鼠标悬停在链接上时,某种颜色会从左侧滑动。这种特定颜色也是Illustrator图像。
我能够做到这一点(带有教程),菜单上有一个简单的纯文本,背景幻灯片的图像和jQuery:jQuery buttons, 但我想用2张图片来做这件事。
我能正确解释自己吗? 我该如何尝试这样做?
答案 0 :(得分:0)
有几种方法可以实现这一目标,这里有3个。
1)在背景图像精灵中包含透明图像。因此,您将两个图像组合在一起并将其用作单个背景图像。然后,您只需相应地定位背景图像。如果您不熟悉精灵,请参阅以下文章:CSS Sprite Button
2)将图像硬编码到链接中并使用css生成背景颜色。这样您就不必使用单独的图像。例如: a:悬停{background:#f00; }
3)将图像硬编码到链接中并使用背景图像来实现悬停效果。我不建议这样做,因为它会导致您的链接变得无法搜索和无法选择。