$(document).ready(function(){
  $('.TipsA').bstip({
	  color:'TipCSS1',
	  sticky:"move",
	  hook:"top-mid",
	  opacity:.8,
	  xnudge:0,
	  ynudge:30,
  });
  $('.TipsB').bstip({
	  color:'TipCSS2',
	  sticky:"move",
	  hook:"top-mid",
	  opacity:.8,
	  xnudge:0,
	  ynudge:30,
  });
  $('.TipsC').bstip({
	  color:'TipCSS1',
	  sticky:"move",
	  hook:"top-left",
	  opacity:.8,
	  xnudge:30,
	  ynudge:20,
  });
});


/*
----------------------------------------------------- html code -----------------------------------------------------
<ul>
<li><a href="#" title="サンプル１のテキストエリア" class="bslink1">サンプル１</a></li>
<li><a href="#" title="サンプル２のテキストエリア" class="bslink2">サンプル２</a></li>
<li><a href="#" title="サンプル３のテキストエリア" class="bslink3">サンプル３</a></li>
<li><a href="#" title="Link1" class="bslink4">サンプル４</a></li>
</ul>

<div id="Link1">サンプル４のテキストエリア</div>


-------------------------------------------------------- Opt --------------------------------------------------------
sticky:'move', -- 'move'カーソルにあわせて上下左右へ移動　'slide'カーソルにあわせて左右へのみ移動　'none'固定
forewrap:'<div><p>', -- Tipの開始要素
backwrap:'</p></div>', -- Tip要素終了　＊もし「forewrap」を使用する場合は必須
hook:'bottom-right', -- Tipの位置設定"top-left","top-mid","top-right","mid-left","mid-mid","mid-right","bottom-left","bottom-mid","bottom-right"
color:'TipCSS1', -- css class要素で指定したボックス及びテキストの表示設定
speed:'fast', -- フェードの速さ 'fast','slow' または数値
type:'tip', -- "tip"titleにあるテキストを使用する場合　"menu"別要素を使用する場合
tack:0, -- マウスアウト後Tipが消えるまでの時間設定　＊sticky:"move"では使用不可
keep:2000, -- 設定不要
ynudge:15, -- 横軸の位置調整(px)
xnudge:15, -- 縦軸の位置調整(px)
opacity:.8 -- 透過設定


-------------------------------------------------------- Def --------------------------------------------------------
   		sticky:'move',
		forewrap:'<div><p>',
		backwrap:'</p></div>',
		hook:'bottom-right',
		color:'TipCSS1',
		speed:'fast',
		type:'tip',
		tack:0,
		keep:2000,
		ynudge:15,
		xnudge:15,
		opacity:.8

*/