jQueryを使わずにタブ切り替えをjsで実装のタブCSS jQueryを使わずにタブ切り替えをjsで実装する のタブ部分のcss指定になります。 selected付与時はタブがハイライトになるようにしてあります。 #tab{ padding: 0 10px; border-bo… Yukimi Satoハック2014.07.28 800
検索ボックスにフォーカスしたら括っているDIVの枠線の色を変える <div class="search"> <form> <input type="text" class="searchText"… Yukimi Satoハック2014.06.25 986
jQuery:スクロールするレイヤー内で指定位置までスクロールさせる サンプルはこちら。 See the Pen nBidH by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ページを開いた時点で「Caption 4」を表示するようにしており、上… ゴトーハック2014.06.18 24,568
jQuery:イージング(Easing)でアニメーション表現を高める サンプルはこちら。 See the Pen nvlBb by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ボタンを押すことでそれぞれのイージングタイプに応じた動作を上のバーに反… ゴトーハック2014.06.17 566
jQuery:格納・展開できるメニュー サンプルはこちら。 See the Pen oqkLj by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. メニュー下の「narrow」をクリックすることでメニューの格納・展開が… ゴトーハック2014.06.12 619
jQuery:一定の位置までスクロールしたらメニューをfixedさせる サンプルはこちら。 See the Pen xqhkg by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 左のメニューが画面上部に来た時点でposition:fixedになり、… ゴトーハック2014.06.11 10,998
jqueryの「.slideToggle」を使ってクリックで表示/非表示を行う $('#btn').on('click', function () { $("#openArea").slideToggle(); }); <a id=&… Yukimi Satoハック2014.06.11 375
jQueryUI:「input type=number」を擬似的に作る サンプルはこちら。 See the Pen Eurik by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 数値入力欄の右の上下ボタンより一定の数値を増減させられます。 HTML… ゴトーハック2014.06.09 1,750
jQueryUI:階層メニューUIをつくる サンプルはこちら See the Pen xdJEr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. リストから階層メニューを簡単に作れます。 JavaScript $(fu… ゴトーハック2014.06.06 1,106