0

我正在使用AddThis 的照片共享工具,我喜欢它,但我想对其进行一些自定义,但不知道该怎么做。

AddThis 表示将此代码放入您的站点:

<script type="text/javascript">
var addthis_config = {    
    services_overlay:'facebook,twitter,email,more'
}
</script>
<script type="text/javascript" 
  src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

您可以通过添加服务名称来添加服务。然后你添加class="addthis_shareable"到图像本身,你就可以开始了。但是我想自定义 AddThis 多一点,不知道如何做到这一点。

我想:

  1. 将图标的大小从 32x32 减小到 16x16。
  2. 更改将图像悬停在上方时项目的显示速度。
  3. 如果可能,在淡出之前将图标显示半秒钟以向用户表明它们在那里。

任何有关上述内容的帮助将不胜感激。

这是代码的 JSFiddle

谢谢!

4

1 回答 1

1

为了更好地控制按钮,您需要创建它们并使用可以驱动外观的属性进行配置。你会像这样添加按钮

<div class="addthis_toolbox addthis_default_style">
  <a class="addthis_button_facebook" addthis:ui_hover_delay="200" addthis:ui_delay="500"></></a>
  <a class="addthis_button_twitter" addthis:ui_hover_delay="200" addthis:ui_delay="500"></a>
  <a class="addthis_button_email" addthis:ui_hover_delay="200" addthis:ui_delay="500"></a>
</div>

由于在服务配置中添加了“更多”,可能会出现打印菜单。如果删除不起作用,请尝试将配置对象中的“services_exclude”设置为“print”

于 2012-05-23T01:30:06.447 回答