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

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

使用方法
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「Highliner jQuery Plugin」サンプル

sponsors

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

記事作成:
記事URL:

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