マウスオーバーするとソーシャルメディアのリンクを表示するjQueryプラグイン「SMover」


20101219-11

SMover」はソーシャルメディアへのリンクを必要な時にだけ表示するためのjQueryプラグインです。

IT/WEB業界への転職なら求人サイトGreen

常に表示していると邪魔なアイコンもユーザーのアクションによって表示させる事で、すっきりしたレイアウトになります。

通常時は以下のような状態にしておいて、、、

20101219-09

マウスオーバーでアイコンやリンクを表示させる事ができます。

20101219-08

ソーシャルメディアへのリンクだけでなく、固有のメールリンクやゴミ箱アイコンなど使い道は色々ありそうです。

20101219-10

以下のようなコーデで簡単に実装できるようです。

■ JAVASCRIPT

$(document).ready(function() {
    $('#share-page').smover();
});

■ HTML


Share Page
  • Share with Delicious
  • Share with Digg
  • Share with Facebook
  • Share with StumbleUpon
  • Share with Twitter

ファイルサイズも4KBと軽量サイズですね。
動作にはjQueryとhoverIntentというプラグインが必要なようです。

興味のある方はダウンロードしてみてください。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly