javascript - 自定义添加按钮

Question

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

我想在我的页面上有一个共享按钮，就像这个页面一样，我想要的是:1)禁用弹出式紧凑菜单2)它不会向页面添加 float 侧边菜单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 页面，但仍然不太确定如何操作。

Answer 1

为了实现此目的，首先您需要一个 addThis 帐户。在下面的代码中，我使用 fontawesome对于图标，但您可以使用任何您想要的图像。只需替换 <i>带有 <img> 的标签标签。

Link to see this in action .

必填

<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;
}