javascript 【jQuery】パーセントの計算方法 特定数Aは特定数Bの何パーセントか? 特定の値は全体の何パーセントか? コーディングしていると、パーセントでの数値を求めたい時があります。 僕は根がバカなもので、中学校の数学の問題でも求め方が分からなくてしばらく検索しちゃう。 このパーセン... 2021年09月23日 javascriptjQueryサイト制作
javascript 【コピペOK!】ON/OFFスイッチのデザイン7個|iOS風スイッチもあるよ! フォームやインタラクティブなサイトで使えるON/OFFのトグルスイッチのデザイン7つのご紹介。 シンプルなものなので様々な所で利用できるトグルスイッチ7つを作ってみたので ぜひぜひコピペして利用してくれたら嬉しいです! チェックボックスは見... 2021年09月20日 javascriptjQuery
javascript 【jQuery】コピペでスクロール値を常に画面に表示させる スクロールアニメーションを作る時に、スクロール値をコンソールで確認するのも良いけど そうするとHTMLやCSSがブラウザ上で編集しずらくなる。 それなら画面にスクロール値だけ表示しておけば便利じゃん!と思いました。 でもこれ最終的に消しちゃ... 2021年09月13日 javascriptjQueryサイト制作
javascript 【jQuery】特定クラスがリストの何番目にあるかを取得! リストの特定クラスが何番目にあるのかの取得方法をご紹介。 var number = $('.sample').index('ul li'); 「$('.sample')」に番号を取得したい特定のクラスやIDを書いて、「.index('ul ... 2021年09月06日 javascriptjQueryサイト制作
javascript 【jQuery】パラパラ漫画の作り方|画像切り替え&スプライト画像アニメ 動画とかGifを複数個ウェブページに載せると容量がデカくなっちゃって、困る時がある。 デザインを変えようか、それとも何個か省いてページ作成するか....。 そんな状況の時に使えるのが、パラパラアニメーション! 容量を抑えるだけじゃなくココの... 2021年08月16日 javascriptjQuery
javascript 【jQuery】iOS・iPadOSでスクロールすると発生するリサイズ処理を止める方法 iPhone(iOS)のSafariでスクロールするとリサイズ処理が走るのやめて欲しい。 実機でしか確認できないので、忘れる時があるから困っちゃう。 この厄介なリサイズ処理問題の原因は、スクロールすると Safariのアドレスバーが小さくな... 2021年06月07日 javascriptjQueryサイト制作
javascript 【jQuery】offset().topエラーになる原因 jQueryでトップからの位置を取得する「offset().top」ですが、 chromeの開発ツールで確認するとたまにエラーになる時がある。 ちゃんと取得してたはずなのに、なんでこんな表示が出てるの?って思うけど 気にしないでいいかなとも... 2021年06月04日 javascriptjQueryサイト制作
javascript 【jQuery】スクロールの上下方向を検知・判定する方法 ページを作成しているとスクロールで変化させたいことって結構あります。 スクロールしたら特定の位置で固定したり要素が見えたら表示したり。 今回は上下にスクロールしたらを検知・判定のご紹介です。 まずはデモで動作の確認をしてください。 下スクロ... 2021年05月01日 javascriptjQueryサイト制作
javascript 【jQuery】フォームの入力チェック|バリデーション フォームのバリデーションって作るの結構手間だよね。 チェックする項目が多いと時間かかるしプラグインを使っても良いけど、自分で作った方が修正も手軽だしなんたってカスタマイズしやすいじゃん! だからコピペ用に作りました。ご自由にどうぞ! デモフ... 2021年04月25日 javascriptjQuery
javascript jQueryで後ろからn番目を取得する方法 jQueryを使って後ろからn番目は取得方法が無いのでCSSの「:nth-last-child(n)」を利用して指定します。 疑似クラスで最初、最後、n番目や奇数、偶数を指定|CSS jQuery // 取得したい要素と数字 var lis... 2021年04月14日 javascriptjQueryサイト制作
javascript jQueryで要素をコピーする方法 jQueryには便利な「clone()」関数というのがある。 この「clone()」を使って簡単にDOMをコピーすることができるんです。 下のHTMLからjQueryを使ってDOMを取得します。 jQuery // をコピー var tit... 2021年03月05日 javascriptjQueryサイト制作
javascript 【jQuery】「エンターキー(Enter)が押されたらを取得する方法 メール送信時や、様々なインプット要素でボタンを押させずに「エンター(Enter)」で次へ行けると めちゃスムーズ。 そんなスムーズにインプットしてもらうための方法のご紹介です。 3つありますが、どれも結果は変わらないので好きなものを利用して... 2021年03月02日 javascriptjQueryサイト制作
javascript 【jQuery】コピペで実装!アコーディオンメニュー3選 アコーディオンメニューをコピペで実装できるサンプル3つを用意しました。 3つ共にアコーディオンメニューは、数を増減しても同じように機能します。また「position:absolute」で高さを無くした状態になっています。 アコーディオンメニ... 2021年02月20日 javascriptjQueryサイト制作
javascript 【jQuery】リンク(aタグ)を無効化&少し待ってからリンク先へ飛ぶ方法 リンクをクリックしても、飛ばないようにする方法と リンクをクリックした後、少し待ってから遷移する方法のご紹介です。 まずは、クリックしても飛ばないようにする方法です。 リンク(aタグ)を無効化する HTML <a class="demo" ... 2021年02月17日 javascriptjQueryサイト制作
javascript 【jQuery】CSS変数をjQueryで利用する方法 CSSで指定したCSS変数をjQueryで利用する方法のご紹介です。 jQueryで変数作っちゃっても良いけど、そうできない時もある。 例えば、、、、ん~あるかなぁ。 jQueryで変数作れない時は、あるっ!としてCSS変数を書き換える方法... 2021年02月14日 javascriptjQuery