横のラインをハイライト表示して読みやすくするJavaScript「Highliner jQuery Plugin」

テキストだらけで読みにくい。
そんなサイトにはこれを導入するといいかもしれません。
HighLiner jQuery pluginは横のラインをハイライト表示させその部分に目線を集中させられます。
右のほうで広さを調整できたり、閉じたりもできます。

sponsors

使用方法

HighLiner jQuery pluginからjquery.highliner-0.0.2.jsをjQueryからjquery.jsをダウンロードします。

<script type="text/javascript" src="/test/js/jquery-1.4.2.min.js"></script>	
<script type="text/javascript" src="/test/js/jquery.highliner-0.0.2.js"></script>	
<script>
$(function(){	
	$("#id名").click(function(e){
		$.highliner (e,{
			bgcolor:"black", //背景色
			showspeed:150, //ハイライト表示速度
			hidespeed:1000, //閉じる速度
			opacity:0.8, //透明度
			spacerPlace:"right" //閉じるボタンとか表示する場所
		});
	}); 
});
</script>
あとは上記に対応したidをアクティベート用に記述すれば完成です。
<p id="id名">はいらいたー、発動!</p>

サンプル

はいらいたー、発動!
Javascriptサンプルページ一覧
skuare.net

sponsors