今日の人気記事

  1. 指定した要素がなんでも編集できちゃう「trocar.js」
  2. フローチャートを作成「Flow Chart」
  3. テーブルにタブ機能を追加「Table Tabs」
  4. クリック操作で開閉する左右のサイドパネル「Panel Slider」
  5. テーブルにスクロールバーをつける「Scroll Table」

アンカータグに確認やポップアップ効果を追加「A+」

スポンサーリンク

アンカータグに確認やポップアップ効果などのさまざまな効果を追加するプラグイン「A+」を紹介します。

jQueryプラグイン「A+」

このプラグインを使えば、アンカータグに以下のように効果を加えることができます。

  • クラスで _blankを指定
  • リンクにジャンプする前に確認
  • ポップアップ
  • ダイアログ
  • スクロール

 

便利な機能が盛り沢山なので、おすすめプラグインです。

スポンサーリンク

リンクにジャンプする前に確認するデモです。ご覧ください。

「A+」のデモ

ソース(HTML + jQuery)


<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta name="description" content="A+のデモでーす。">
<title>A+ - jQueryプラグイン</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link type="text/css" href="pdfSlider.css" rel="stylesheet"/>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="jquery.Aplus.071.min.js"></script>
<script>
$(function($) {
  $('body').Aplus();
});
</script>
</head>
<body>
<h1>A+ のデモでーす。</h1>
<ul>
<li><a href="link.html" class="confirm">確認後にジャンプ</a></li>
<li><a href="link.html" class="confirm blank">確認後新しいページを開く(blank)</a></li>
</ul>
</body>
</html>

jsファイルのダウンロード、その他のオプション詳細はこちらからどうぞ。
» jQuery A+

スポンサーリンク

関連記事(一部広告含む)