投稿者「alphasis」のアーカイブ

jQuery の tableHover で作る、クリックでハイライト表示する表

jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルと、そのセルが属する行と列を、それぞれ異なる色でハイライト表示させ、セルをクリックすると、そのセルと、そのセルが属する行と列をハイライト表示させる方法。クリックでハイライト表示させるには、「clickClass」オプションを使う。 続きを読む

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, | jQuery の tableHover で作る、クリックでハイライト表示する表 はコメントを受け付けていません

jQuery の tableHover で作る、セルと行と列をハイライト表示する表

jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルと、そのセルが属する行と列を、それぞれ異なる色でハイライト表示させる方法。セルと、そのセルが属する行と列を、ハイライト表示させるには、「colClass」オプションと「cellClass」オプションを使う。 続きを読む

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, | jQuery の tableHover で作る、セルと行と列をハイライト表示する表 はコメントを受け付けていません

jQuery の tableHover で作る、行と列を違う色でハイライト表示する表

jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルが属する行と列を、それぞれ異なる色でハイライト表示させる方法。異なる色でハイライト表示させるには、「rowClass」オプションと「colClass」オプションに、異なるクラス名を指定する。 続きを読む

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, | jQuery の tableHover で作る、行と列を違う色でハイライト表示する表 はコメントを受け付けていません

jQuery の tableHover プラグインで作る行と列をハイライト表示する表

jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルが属する行と列をハイライト表示させる方法。表(table)のセルにカーソルを合わせると、そのセルが属する行と列をハイライト表示させるには、「colClass」オプションを使う。 続きを読む

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, | jQuery の tableHover プラグインで作る行と列をハイライト表示する表 はコメントを受け付けていません

jQuery の tableHover プラグインで作る行をハイライト表示する表

jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルが属する行をハイライト表示させる方法。行をハイライト表示させるだけであれば、とくにオプションは必要ない。 続きを読む

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, | jQuery の tableHover プラグインで作る行をハイライト表示する表 はコメントを受け付けていません

jQuery tableHover plugin

jQuery の tableHover プラグインの導入方法やオプションなどについて。 続きを読む

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, | jQuery tableHover plugin はコメントを受け付けていません

jQuery の Cycle で、右上から現れて右下へ消えるスライドショー

jQuery の Cycle プラグインを使い、右上から現れて右下へ消えるアニメーションで切り替わるスライドショーを作る方法。右上から現れて右下へ消えるアニメーションで切り替えるようにするには、「fx」オプションに「custom」を指定し、さらに「cssBefore」「animIn」「animOut」オプションを使う。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、右上から現れて右下へ消えるスライドショー はコメントを受け付けていません

jQuery の Cycle で画像でないスライドのスクロール切替スライドショー

jQuery の Cycle プラグインを使い、右から左へスクロールするアニメーションで切り替わるスライドショーにおいて、スライドに画像でない要素を使用するサンプル。右から左へスクロールするアニメーションで切り替えるようにするには、fx オプションに「scrollLeft」を指定する。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン | jQuery の Cycle で画像でないスライドのスクロール切替スライドショー はコメントを受け付けていません

スライド上の左右をクリックし前後のスライドへ切り替えるスライドショー

jQuery の Cycle プラグインを使い、水平方向(左右)へスクロールするアニメーションで切り替わるスライドショーにおいて、スライド画像の右側をクリックすると、次のスライド画像へ切り替わり、スライド画像の左側をクリックすると、前のスライド画像へ切り替わるようにする方法。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | スライド上の左右をクリックし前後のスライドへ切り替えるスライドショー はコメントを受け付けていません

jQuery の Cycle で、前後手動切替の水平スクロール・スライドショー

jQuery の Cycle プラグインを使い、水平方向(左右)へスクロールするアニメーションで切り替わるスライドショーにおいて、リンク要素をクリックすることで、次のスライド画像にも、前のスライド画像にも、切り替えられるようにする方法。次のスライド画像にも、前のスライド画像にも、切り替えられるようにするには、next オプションと prev オプションを使う。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、前後手動切替の水平スクロール・スライドショー はコメントを受け付けていません