[JS]省スペースに豊富な情報を掲載できる高機能な3つのスクリプト

Post on:2008年8月8日

sponsors

MopStudioから、パネルのスライダーやツールチップなど、省スペースに豊富な情報を掲載できる3つのスクリプトを紹介します。

紹介する３つのスクリプトはjQueryのプラグインのため、動作にはjquery.jsが必要です。
動作環境は、IE6, 7, Fx3, Op9, Safari3となっています。

各スクリプトのダウンロードや実装方法は、MopStudioの左下にあります。

パネルスライダー：MopSlider

デモは、ページ上部です。
横長のパネルを省スペースにスライダー付きで表示します。
右の回転矢印をクリックすると、表示方法を「マニュアル」と「オート」に変更できます。

デモは、真ん中の「ミウラ見出しLiner」をクリックし、「文字一覧」をクリックし表示されるボックスです。
ボックス内では、複数のパネルをスクロールでコントロールできます。ボックスをマウスのドラッグ操作で移動することも可能です。

デモは、右下のクロネコです。
指定箇所にツールチップを表示します。ツールチップはテキストだけでなく、画像なども表示が可能です。
また、ツールチップのサイズは個別に設定できます。