自定义“添加此按钮”

Customizing Addthis Button

本文关键字：添加此按钮 按钮 添加 自定义      更新时间：2023-09-26

http://www.moen.com/anabelle/spot-resist-stainless-one-handle-high-arc-pulldown-kitchen-faucet/_/R-CONSUMER%3ACA87003SRS?swatch=1

我想在我的页面上有一个共享按钮，就像这个页面一样，我想要的是：1）弹出式紧凑菜单被禁用2）它不会在页面上添加浮动侧菜单3）此页面上按钮的HTML是 

<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=cmassmoen" title="Share this Page" class="icon-share addthis_button_more" addthis:url="" target="_blank">
  <img src="/assets/moencom/images/catalog/product-details/sharing/share.png" height="20" width="20">
 </a>

HREF 有一个 v 参数和username参数（我在 addthis 网站上四处寻找，但我找不到如何生成具有类似 href 属性的按钮）

我已经通读了addthis的API页面，但仍然不太确定该怎么做。

为了完成此操作，首先您需要一个具有addThis的帐户。在下面的代码中，我使用fontawesome作为图标，但您可以使用任何您想要的图像。只需将<i>标签替换为<img>标签即可。

链接以查看此操作的实际效果。

必填

<script type="text/javascript" src="LINK-TO-YOUR-ADDTHIS-ACCOUNT" async="async"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">

.HTML

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
    <a class="icon-share addthis_button_more"><i class="fa fa-share-alt fa-5x"></i></a>
</div>
<!-- AddThis Button END -->

.CSS

.icon-share {
    color:#ccc;
}
.icon-share:hover {
    color:#00A2D7;
}
相关文章：