リンクにマウスオーバーでQRコードを表示させるjQueryプラグイン「QR Tooltips for jQuery」

スマートフォン時代に、これいいかもしれません。
マウスオーバーでリンクが読み込めるQRコードを表示させられるjQueryプラグイン「QR Tooltips for jQuery」です。
リンクにマウスオーバーでQRコードを表示させるjQueryプラグイン「QR Tooltips for jQuery」サンプル

使用方法
QR Tooltips for jQueryからファイル一式をダウンロードします。
<link href="qrtip-1.0-jquery.css" rel="stylesheet" />
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="qrtip-1.0-jquery.js" type="text/javascript"></script>
<script>
$(function () {
$('a').qr({
color: 'red', //色('red','green','blue','white','yellow','black')
size: 120 //QRのサイズ
});
});
</script>

あとは普通にリンクを記述すれば完成です。

リンクにマウスオーバーでQRコードを表示させるjQueryプラグイン「QR Tooltips for jQuery」サンプル

sponsors

「リンクにマウスオーバーでQRコードを表示させるjQueryプラグイン「QR Tooltips for jQuery」」をシェアする

記事作成:
記事URL:

TOP > > > リンクにマウスオーバーでQRコードを表示させるjQueryプラグイン「QR Tooltips for jQuery」