jQuery

jQuery

【jQuery】開閉するボックスを作る

ボタンをクリックすると、隠されたボックスの表示/非表示を切り替えます。CSSプロパティを操作するごく基本的なスクリプトですが、表示するボックスのデザインは自由にカスタマイズできます。場所をとらず、コンテンツをコンパクトに表示できるため、...
jQuery

【jQueryプラグイン】FractionSlider:スライダー内の画像やテキストなどの要素に、さまざまな動きをつける

FractionSlider FractionSlider デモ jQueryプラグイン「FractionSlider」は、スライダーごとに、画像やテキストなどの複数の要素に動きをつけることができます。前方にある要素だけ...
jQuery

【jQuery】プラグインなしでコンテンツを切り替えるタブメニューを作る

並んだタブをクリックすると、そのすぐ下のボックス内のコンテンツが切り替わります。タブはスマートフォンでも動作しますが、どちらかといえばPC向けのUIです。 <ul class="tab">内の<li>を増やした...
jQuery

【jQuery】プラグインなしで縦型のドロップダウンメニューを作る(現在の位置のメニューを開けた状態にする)

『【jQuery】プラグインなしで縦型のドロップダウンメニューを作る』で作ったドロップダウンメニューの応用です。 違いは何かというと… 【特徴】 ・子カテゴリーに進むと、そのカテゴリーを開いた状態から始まる。(他のメニュー...
jQuery

【jQuery】プラグインなしで縦型のドロップダウンメニューを作る

jQueryのプラグインを使わない縦型のドロップダウンメニューの作り方です。CSSを変更すれば、いろいろと使いまわせそうです。 【特徴】 右の「への字アロー」は、ドロップダウンメニューが閉まっているときは下向きで、開いている...
jQuery

【jQuery】サムネイルをクリックするとメイン画像が切り替わる

サムネイルをクリックすると、上の大きい画像がサムネイルの画像と切り替わるようにします。 サンプル 1.jsファイルを作り、スクリプトを記述 「custom.js」など任意のファイルを作り、スクリプト...
タイトルとURLをコピーしました