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

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

使用方法 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>

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

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

sponsors

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

記事作成:
記事URL:

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