「GUI」カテゴリーアーカイブ

GUI に関する JavaScript のカテゴリ。javascript で書かれた様々なライブラリを使うと、高度な GUI を、簡単に実現できる。

グリッド（格子）に沿って、ドラッグで移動できるボックス

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。グリッド（格子）に沿って移動できるようにするには、grid オプションを使う。grid オプションで指定した大きさのグリッド（格子）にスナップ（吸着）させることができる。 続きを読む →

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | グリッド（格子）に沿って、ドラッグで移動できるボックス はコメントを受け付けていません

垂直方向（上下）だけ、ドラッグで移動できるボックス

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。垂直方向（上下）だけ移動できるようにするには、axis オプションに、y を指定する。 続きを読む →

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | 垂直方向（上下）だけ、ドラッグで移動できるボックス はコメントを受け付けていません

水平方向（左右）だけ、ドラッグで移動できるボックス

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。水平方向だけ移動できるようにするには、axis オプションに、x を指定する。 続きを読む →

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | 水平方向（左右）だけ、ドラッグで移動できるボックス はコメントを受け付けていません

jQuery UI の Draggable プラグインによるドラッグ移動可能ボックス

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。ドラッグして、上下左右に移動させることができる。オプションも豊富だ。 続きを読む →

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | jQuery UI の Draggable プラグインによるドラッグ移動可能ボックス はコメントを受け付けていません

アニメーション動作をしながらサイズ変化するボックス

投稿日: 2011年6月4日 作成者: alphasis

jQuery UI の Resizable プラグインを使った、ドラッグ＆ドロップでサイズを変更できるボックスにおいて、大きさを変更するとき、アニメーション動作をしながら、サイズを変化させるには、animate オプションを使う。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Resizable, アニメーション | アニメーション動作をしながらサイズ変化するボックス はコメントを受け付けていません

半透明のボックスで大きさを変更してから実際のボックスを変更

投稿日: 2011年6月3日 作成者: alphasis

jQuery UI の Resizable プラグインを使った、ドラッグ＆ドロップでサイズを変更できるボックスにおいて、大きさを変更するとき、あらかじめ、半透明のボックスで大きさを指定してから、実際のボックスの大きさを変更させるには、ghost オプションを使う。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Resizable | 半透明のボックスで大きさを変更してから実際のボックスを変更 はコメントを受け付けていません

グリッドに沿って大きさを変更できるボックス

投稿日: 2011年6月3日 作成者: alphasis

jQuery UI の Resizable プラグインを使った、ドラッグ＆ドロップでサイズを変更できるボックスにおいて、グリッドに沿って大きさを変更させるには、grid オプションを使う。grid オプションに指定した間隔でサイズが変わる。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Resizable | グリッドに沿って大きさを変更できるボックス はコメントを受け付けていません

サイズ変更可能ボックスの幅と高さの比率を指定

投稿日: 2011年6月3日 作成者: alphasis

jQuery UI の Resizable プラグインを使った、ドラッグ＆ドロップでサイズを変更できるボックスの、幅と高さの比率を指定には、aspectRatio オプションを使う。幅と高さの比率を指定しておくと、ボックスの大きさを変更しても、常に幅と高さの比率（縦横比率）は変わらない。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Resizable | サイズ変更可能ボックスの幅と高さの比率を指定 はコメントを受け付けていません

サイズ変更可能ボックスの最小サイズと最大サイズを指定

投稿日: 2011年6月2日 作成者: alphasis

jQuery UI の Resizable プラグインによる、ドラッグ＆ドロップでサイズを変更できるボックスの、最小サイズと最大サイズを指定する方法。最小サイズ指定は、minHeight と、minWidth オプション、最大サイズ指定は、maxHeight と、maxWidth オプションを使う。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Resizable | サイズ変更可能ボックスの最小サイズと最大サイズを指定 はコメントを受け付けていません

jQuery UI の Resizable プラグインによるサイズ変更可能ボックス

投稿日: 2011年6月2日 作成者: alphasis

jQuery UI の Resizable プラグインを使った、サイズを変更できるボックス。ドラッグ＆ドロップで、ボックスの幅と高さを変更できる。ボックスの右端、下端、右下端にカーソルを合わせると、カーソルがリサイズ用カーソル形状に変わる。ドラッグして動かすと、ボックスの幅と高さを変更できる。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Resizable | jQuery UI の Resizable プラグインによるサイズ変更可能ボックス はコメントを受け付けていません
9 / 11« 先頭...7891011

スポンサード リンク