Link Place Plugin

概要

表示しているHTMLパスと同じ「a href」リンクに任意のCSSを適用するJqueryのプラグイン

  • ローカル、インターネット上のどちらでも動作します。
    戻り値に、該当オブジェクトが返るので、上位オブジェクトを操作することもできます。

使用例

ダウンロード

 本サービスのご注意事項とお願いご利用規約をご了承の場合チェック

  • Link Place Pluginをダウンロード※上記承認をチェックしてください。

設置方法

  • htmlヘッダー内に『jquery』と『jquery.IW3_Link_PlaceCss.js』を設置します。
  • <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.IW3_Link_PlaceCss.js"></script>
  • 該当オブジェクトにcssクラスを追加
    $( 対象のLinkオブジェクト ).IW3_Link_PlaceCss( { aCLASS : '追加するcssクラス名' } );
    <script type="text/javascript">
    	$(function($){
    		$( document.links ).IW3_Link_PlaceCss( { aCLASS : 'mark' } );
    	});
    </script>
  • 該当オブジェクトのcssクラスを別のcssクラスに置き換える
    $( 対象オブジェクト ).IW3_Link_PlaceCss( { rCLASS : '削除するcssクラス名', aCLASS : '追加するcssクラス名'} );
    <script type="text/javascript">
    	$(function($){
    		$( document.links ).IW3_Link_PlaceCss( { rCLASS : 'mark', aCLASS : 'mark2'} );
    	});
    </script>
  • 戻り値を利用して上位オブジェクトを操作する
    <script type="text/javascript">
    		$(function($){
    			//スライドクローズ(cssで設定しても可)
    			$('.menu_unit').hide();
    			//戻り値は、配列で返ります。
    			var A = $( document.links ).IW3_Link_PlaceCss( { rCLASS : 'mark', aCLASS : 'mark2' } );
    			for (var i = 0, MAX = A.length; i < MAX; i++ ){
    				$( A[i] ).parent().slideDown('slow');
    			};
    			//クリックでスライドオープン
    			$('.menu_trigger').click(
    				function(){ $(this).next('.menu_unit').slideToggle('slow')}
    			);
    		});
    </script>

ご注意事項とお願い

  • 必ずご利用規約をお読みいただき、同意の上ご利用ください。
  • 内容及び動作、仕様、サービス自体の提供について予告なしに変更、または中止する場合がございます。

ご利用規約

  • 著作権は、「IW3 PROJECT」が保有します。
  • 当サイトのサービスを利用した時点で当規約に同意したものとみなします。
  • 個人・法人・商用・非商用問わず無料でご利用可能です。
  • 各種コンテンツ等の無断転用を禁じます。
  • 本サービスの使用又は使用不能から生じるお客様の損害について、当社は一切の責任を負いません。
  • 管理人が不適当と判断した場合、設置・利用・公開を中止していただく場合があります。
  • このページの内容(著作権・免責事項・その他)は変更する場合があります。