2016-08

jQuery

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

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

「CodePen」のデザインを変更・カスタマイズする

タブのデザインを変更する 「Result」が「HTML」や「CSS」、「JS」と並列に並んでいるこのデザインを使いたいのに、今「CodePen」で初期に吐き出されるタブデザインは、これやこれ↓。 デザイン的にはこっちの方がかっこ...
jQuery

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

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

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

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

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

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