リンクにマウスオーバーすると3Dの動きをつけるjQueryプラグイン「Jquery.anchor3d」

リンクがクリッカブルであることがわかりにくいことがあるかもしれません。
そんな時はJquery.anchor3d by w00caShを使用すれば、マウスオーバー時に動きを付けられるので、リンクであることを明示できます。

sponsors

使用方法

Jquery.anchor3dからファイル一式をダウンロード。

  <link rel="stylesheet" type="text/css" href="Anchor3D.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript" src="jQuery.Anchor3D.js"></script>
    <script type="text/javascript">
$(function(){
    $("a").anchor3D({
        linkHoverBg: "blue", //背景色
        linkHoverColor: 'yellow' //文字色
    });
});

</script>
    
あとは普通にリンクを記述するだけで完成です。

サンプル

画像をローディングバーに使えるjQueryプラグイン「LoadGo」|skuare.net
男はやっぱりエロかった・・・!?ヒートマップから見る男女の視線の違い
Javascriptサンプルページ一覧
skuare.net

sponsors