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. 可能であれば、アイコンを0.5秒間表示してからフェードアウトし、ユーザーにアイコンが表示されていることを示します。

上記の助けをいただければ幸いです。

これがコードの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>

サービス設定に「more」を追加したため、印刷メニューが表示されている可能性があります。削除してもうまくいかない場合は、config オブジェクトの「services_exclude」を「print」に設定してみてください。

于 2012-05-23T01:30:06.447 に答える