jQueryとCSSでページ内要素の表示・非表示を簡単に管理 taka_oj | 2015年10月2日 | コメントはまだありません | JavaScript jQueryのHTMLを操作する命令 addClass() removeClass() を利用し、 CSSの display : none を含むclassを追加・削除することで、任意のコンテンツの表示と非表示とを切り替 […] もっと読む »
【jQuery】Lightbox表示の画像ギャラリーを簡単に設置できる「Colorbox」 taka_oj | 2015年10月2日 | コメントはまだありません | JavaScript 画像を拡大表示する時の定番の見せ方であるLightboxを、簡単に実装できるjQueryプラグインです。 サムネイルクリックで画像を拡大し、拡大した画像をクリックすると次の画像へと進んでいきます。 今回使用したのは、jQ […] もっと読む »
jQueryの「ready」とJavaScriptの「load」の違いについて taka_oj | 2015年10月2日 | コメントはまだありません | JavaScript jQueryの「$(document).ready(function()」と「$(window).load(function()」には、違いがあります。 $(document).ready(function(){}) の […] もっと読む »
jQueryで簡単設置carousel -flexslider- taka_oj | 2015年10月2日 | コメントはまだありません | JavaScript 複数の画像や動画を横に並べ、順次表示できるjQueryプラグインです。 ボタンをクリックすることで、次のコンテンツを表示します。 animationLoopをtrueとすることで自動アニメーションループしてくれます。 今 […] もっと読む »
jQueryでアコーディオンメニューを作る taka_oj | 2015年10月2日 | コメントはまだありません | JavaScript jQueryで、アコーディオンメニューを作る方法を紹介します。 今回は、「.slideUp()」や「.slideDown()」を使わずに、「.slideToggle()」を使用しました。 使用したjQueryは、「jqu […] もっと読む »
jQueryでドロップダウンメニューを作る taka_oj | 2015年10月2日 | 2件のコメント | JavaScript jQueryで、簡単にドロップダウンメニューを作成する方法を紹介します。 もっと読む »
jQueryを使ったモーダル風ウィンドウ taka_oj | 2015年10月2日 | コメントはまだありません | JavaScript jQueryを使ったモーダル風ウィンドウの紹介です。レスポンシブも定義しております。 レスポンシブの画像も同じ画像を使用しています。サイズはCSSにて変更しています。 今回使用したjquery.min.jsは、ver2. […] もっと読む »
jQueryで文字色変換するために、.cssを使いました taka_oj | 2015年10月1日 | コメントはまだありません | JavaScript 今回、私が試したのは、.cssで指定文字の色を変換してみました。 使用したverは、「jquery-1.6.4.min.js」です。 もっと読む »
HTMLの各種要素を立体的に回転させるjQuery -vortex- taka_2015 | 2015年6月1日 | コメントはまだありません | JavaScript HTMLの各種要素を立体的に回転させるjQuery、 jquery-vortexを紹介します。 もっと読む »
jQuery設置簡単スライドショー taka_2015 | 2015年6月1日 | コメントはまだありません | JavaScript jQueryと便利プラグインを使用して、誰でも簡単に立派なスライドアニメーション設置を紹介します。 導入しているソースにつきまして、自動的に画像がスライドが再生されます。 また、画像内の進む画像をクリックしても一定時間で […] もっと読む »