GINPRO / SQLの窓と銀プログラマ

<script>
if ( !window.jQuery ) {
	document.write("<"+"script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></"+"script>");
}
</script>
<script>
if ( !window.jQuery.balloon ) {
	document.write("<"+"script src=\"http://winofsql.jp/js/jquery.balloon.min.051.js\"></"+"script>");
}
</script>
<style type="text/css">
.orange_balloon {
	background: url(http://winofsql.jp/js/balloon/orange_balloon.png) center center no-repeat;
	width: 323px;
	height: 278px;
	line-height:290px;
	font-size: 45px;
	font-weight: bold;
	text-align: center;
}
</style>
<script type="text/javascript">
$(function() {
	$('#matanaisun').balloon(
		{
			position: "right",
			tipSize: 20,
			css: {
				opacity: "1",
				color: "#000",
				fontSize: "80px",
				borderRadius: "30px",
				border: "solid 5px #222",
			}
		}
	);
	$('#matanaisun2').balloon(
		{
			tipSize: 0,
			offsetY: -290,
			offsetX: 100,
			classname: "orange_balloon",
			css: null
		}
	);
});
</script>
<pre>
<span id="matanaisun" title="またないすん">
jQuery のキー位置をかな入力すると
</span>
■ <a id="matanaisun2" title="こんな感じ" href="http://urin.github.io/jquery.balloon.js/" target="_blank">画像を使った自由なふきだし(Excelで簡単)作って、背景画像に指定しました</a>
</pre>