自定義按鈕前頁

Question

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參數（我環顧四周在前頁的網站，但我不能找到如何生成一個具有類似href屬性的按鈕te）

我已經閱讀了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; 
}