Link Control


Description: リンクに選択肢を与えるシンプルだけど新設なプラグインです。別窓か、その場でか、をユーザーは選択する事ができます。
Sample: demo
Tutorial: jQuery Link Control – Give it to your users
License: -

Sample

シンプルなプラグインです。アンカータグにclass=”overlay”を入れるだけなので導入も楽ですね。こんな感じにリンクにマウスを乗せると選択できるようになります。jQueryは本当便利ですよね。
日本語リファレンスもあるのでぜひチェックを。

Note

$(document).ready(function(){
		// alert ('jQuery running');

		$('a.inline').linkControl({inline:true});
		$('a.overlay').linkControl({overlay:true, padding:5, bgColor:'#fff', borderColor:'#333'});
	});

jQueryとプラグインを読み込んで上記設定をします。

Related snippet :

  • Description: シンプルなオーバーレイエフェクトです。IE6,7は非対応ですのでかなり使いどころが限られます。ちょっとしたところで目立たせたい。という時にいいスパイ ...
  • Description: シンプルなツールチップです。アンカータグのtitleをツールチップとして表示させます。色の変更も可能。主要ブラウザで稼動してくれます。 S ...
  • Description: マウスを乗せるだけでリンク先のスクリーンショットをツールチップで出す。IE全滅ですかね?cssでどうにかなるかな・・かなり楽なのでクロスブラウザに対 ...
  • Description: タブをクリックするとスライドしながら出現するコンタクトフォームを実装出来ます。フィードバック用にもいいですね。 Sample: demo ...
  • Description: シンプルなLightbox系プラグインです。汎用的なデザインで使いやすく、カスタマイズもしやすそうです。 Sample: demo ...
  • Description: マウスオーバーで隠れていた子リストが上から表示されます。消すには×を押す必要があります。クロスブラウザで動作してくれるので、少し変わったUIにしたい ...
  • Description: フェードエフェクトで切り替わるタブメニューを実装するプラグイン。クロスブラウザ対応していますが、cssの調整が必要です。 Sample: ...