javascript 【jQuery】マウスのドラッグで横スクロールさせる方法 スマホでメニューなどを横スクロールする動作が一般的になり、PCでもそのままの動作させたい時 macだと「overflow:scroll」だけで、マウスでフリックするとそれっぽくなるけど windowsだとメニューバーを押して移動して~ってや... 2022年12月05日 javascriptjQuery
javascript 【jQuery】トップへ戻るボタンをコピペで実装! 下へスクロールするとヒョイッとでてくる「トップへ戻る」ボタンをコピペで実装しよう! ボタンの形を複数作ったので好きなCSSをコピーして使ってね! ではまず共通のHTMLとjQueryです。 HTML <div class="up"> <sp... 2022年09月26日 javascriptjQuery
javascript 【jQuery】隣の要素・兄弟要素の取得方法 ボタンを押したら、隣の要素にクラスを付けたり外したり色々便利な兄弟要素の取得方法のご紹介です! jQueryで取得する書き方が色々とあるので、それぞれの動きをデモで確認しよう! デモ 「ワタシ」から見て兄弟要素をアラートするよ ネキ(姉) ... 2022年09月19日 javascriptjQuery
javascript 【jQuery】〇文字以上「…」をコピペで簡単設置! ブログでよくある本文の省略機能だけど、自分で作ると結構手間だよね。 何かサービス作る時とかよく使うから、このページを覚えとくと便利! じゃ~まずデモだよ。 15文字以上はカットしてその後点々デモ 15文字以降は点々で切るからそれ以上は書かな... 2021年11月26日 javascriptjQuery
javascript 【jQuery】カーソルで動く!人が歩くアニメ|コピペですぐ実行 カーソルに追随して動くアニメーションって楽しいよね♪ カーソルで動く要素がサイトに有ると、ついつい右行ったり~左行ったり~しばらく繰り返しちゃう。 そんなアニメーションを実現するjQueryのご紹介。 画像をダウンロードして、すべてコピペす... 2021年09月27日 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】パラパラ漫画の作り方|画像切り替え&スプライト画像アニメ 動画とかGifを複数個ウェブページに載せると容量がデカくなっちゃって、困る時がある。 デザインを変えようか、それとも何個か省いてページ作成するか....。 そんな状況の時に使えるのが、パラパラアニメーション! 容量を抑えるだけじゃなくココの... 2021年08月16日 javascriptjQuery
javascript 【jQuery】「エンターキー(Enter)が押されたらを取得する方法 メール送信時や、様々なインプット要素でボタンを押させずに「エンター(Enter)」で次へ行けると めちゃスムーズ。 そんなスムーズにインプットしてもらうための方法のご紹介です。 3つありますが、どれも結果は変わらないので好きなものを利用して... 2021年03月02日 javascriptjQueryサイト制作
javascript 【jQuery】CSS変数をjQueryで利用する方法 CSSで指定したCSS変数をjQueryで利用する方法のご紹介です。 jQueryで変数作っちゃっても良いけど、そうできない時もある。 例えば、、、、ん~あるかなぁ。 jQueryで変数作れない時は、あるっ!としてCSS変数を書き換える方法... 2021年02月14日 javascriptjQuery
javascript 【jQuery】複数の数値から最大値・最小値を出す方法 jQueryで沢山の数値から最大値や最小値を出す方法のご紹介です。 jQuery // 最大値を出す Math.max(100, 2, 44, 39, 87); // 「100」が出力される // 最小値を出す Math.min(49, 2... 2021年01月30日 javascriptjQueryサイト制作
javascript 【jQuery】配列・連想配列の数を取得する方法 jQueryで配列の数を取得するには「.length」を使い、 連想配列の数を取得するには「Object.keys」と「.length」ます。 下のjQueryが利用方法になります。 jQuery // 配列の数を取得 var demo1 ... 2021年01月18日 javascriptjQueryサイト制作
javascript jQueryでメディアクエリの指定方法|ユーザーエージェントで判定 jQueryでユーザーエージェントからメディアクエリを行う方法のご紹介です。 ユーザーエージェントを取得し、表示を切り替えるデモとjQueryです。 様々なデバイスやデベロッパーツールで確認してみてください! DEMO このページをで見てい... 2020年09月08日 javascriptjQuery
javascript jQueryでメディアクエリの指定方法|画面幅で判定 jQueryで画面幅からメディアクエリを行う方法のご紹介です。 画面幅を取得し、横幅によって表示を切り替えるデモとjQueryです。 画面を広げたり縮めたりしてみてください! DEMO これは、表示。 width:px jQuery // ... 2020年09月05日 javascriptjQueryサイト制作
javascript jQueryでブラウザの横幅・高さを取得する方法|初回読み込み時、リサイズ時に取得 まずは、ウィンドウの横幅と高さを取得します。 DEMO 横幅:px 高さ:px // ウィンドウの横幅 var width = $(window).width(); // ウィンドウの高さ var height = $(window).he... 2020年09月02日 javascriptjQueryサイト制作