寻找一个好的图像鼠标解决方案

我正在使用三个小图像作为链接到Twitter，Facebook等网站上工作。我有一个标注图像，当我将鼠标悬停在图像上时，我想出现。寻找一个好的图像鼠标解决方案

这里的关键是标注图像不会干扰页面上的其他图像和文本。

有没有一种方便的解决方案可以满足这种需求？

来源

2009-09-01 fmz

旧派：

结合的图像转换成一个，然后使用具有的onmouseover事件，做出相应的div可见一个客户端图像映射。

新斯库尔：

使用CSS悬停伪类。很好的例子在这里：http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/（不会在所有浏览器中工作）

来源

2009-09-01 21:19:14

丹这个看起来像可能工作的东西。我会试一试。谢谢！ – fmz 2009-09-03 00:53:51

完美工作。谢谢！ – fmz 2009-10-20 19:42:30

您是否试过MooTools？他们有很多Javascript实用程序可能会满足您的要求。

来源

2009-09-01 21:09:52 fbrereto

我认为，任何重大的JavaScript框架可以具有可满足他的要求.... – 2009-09-01 21:14:54

我已经看过jQuery的实用方法，但我开放，并会看一看。谢谢。 – fmz 2009-09-03 00:57:11

不是正面的，但它听起来像你可以只分配背景图像，并使用background-position属性来显示在悬停和非悬停状态

a.twitter { display: block; width: 16px; height: 16px; 
      background: url(/images/twitter-hover.png) no-repeat 0 0; } 
a.twitter:hover { background-position: 0 16px }

这是假设一个16x32精灵组成的两个16x16按钮（非悬停和悬停）垂直堆叠。

这是一个基本的例子http://www.dynamicsitesolutions.com/css/background-image-switching/

来源

2009-09-01 21:29:07

我已经考虑过这个，但三幅图像很小（32 x 32），设计师的标注要大得多（50 x 150），并且会与其他内容重叠。感谢您的反馈。 – fmz 2009-09-03 00:52:33

寻找一个好的图像鼠标解决方案

回答

相关问题