-3

我看过几个这样做的网站，包括 weheartit.com、tumblr Flipkart。

当我们将光标放在图像上时，它会显示几个附加链接，例如评论、分享、喜欢等，但是当单击该图像时，它会转到其他一些链接。

这里有几个我感兴趣的链接，如果有人可以指导这种类型的 css 格式，这将是一个很大的帮助。

将鼠标放在任何优惠上，例如电子优惠等，您可以看到共享图像会出现在图像上

    http://www.flipkart.com/offers?otracker=hp_widget_banner_0_image

转到任何图像，您将看到漂亮的 css 效果，一旦光标移到此处的图像上方，就会出现详细信息

      http://weheartit.com/?page=1

请给出至少一张图片的示例

4

3 回答 3

0

你可以看看这个。这个概念叫做mouse over/hover effects，你可以在谷歌上搜索并找到许多类似的例子。

于 2013-08-15T05:33:51.660 回答
0

从css-tricks检查以下示例：

滑入式字幕

于 2013-08-15T05:37:32.203 回答
0

您应该在描述中提供的示例站点中找到代码。对于网站http://www.flipkart.com/offers?otracker=hp_widget_banner_0_image，包含共享内容的 div 的名称是sharebox。

包含样式和 CSS 效果的 CSS 文件sharebox如下：http: //img6a.flixcart.com/www/prod/lego-da812168-nogz.css

搜索 sharebox 并尝试弄清楚他们是如何做到的。

于 2013-08-15T05:38:24.993 回答