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

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

3つのスクリプトのキャプチャ

MopStudio

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

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

パネルスライダー:MopSlider

MopSliderのキャプチャ

MopStudio

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

スクロールボックス:MopBox

MopBoxのキャプチャ

MopStudio

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

ツールチップ:MopTip

MopTipのキャプチャ

MopStudio

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

sponsors

top of page

©2018 coliss