当前位置：文江博客话题详情

社交按钮向上移动（jquery？）

发布于 2024-12-03 01:56:34 字数 108 浏览 0 评论 0原文

如何创建一个像此处那样工作的脚本？您将鼠标悬停在社交按钮上，然后它们会向上移动一点。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

微暖i 2024-12-10 01:56:34

您可以使用 jQuery 尝试类似的操作： http:// /www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

回复收藏 0 原文

你是我的挚爱i 2024-12-10 01:56:34

我在你的链接中没有看到任何社交按钮（也许我只是盲目的;））但是如果你想在悬停后向上移动某些东西，你可以使用纯CSS来做到

.arrow
{
  background: red;
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
}
.arrow i
{
  color: #ffffff;
  margin: 0;
  position: relative;
  top: 13px;
  font-size: 19px;
}
.arrow:hover
{
  background-color: blue;
}
.arrow:hover i
{
  top: 5px;
}

这一点这里你有例子： jsfiddle

I don't see any social buttons in your link (maybe i am just blind ;)) but if you want to move up something after hovering it, you can do it with pure CSS

.arrow
{
  background: red;
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
}
.arrow i
{
  color: #ffffff;
  margin: 0;
  position: relative;
  top: 13px;
  font-size: 19px;
}
.arrow:hover
{
  background-color: blue;
}
.arrow:hover i
{
  top: 5px;
}

Here you have example: jsfiddle

回复收藏 0 原文

~没有更多了~