jQuery jQueryとCSSで簡単!WEBサイトの背景色や文字色(デイorナイト モード)の切り替え方法 ユーザーが背景色を選択できるWEBサイトもたまに見かけます。 今回は背景色をデイモードorナイトモードに選択できるように実装してみたところ、案外簡単にできました。 この記事ではその方法についてご紹介いたしますので、ご参考になれば幸いです。 2021.08.13 2022.01.11 jQuery
IT 簡単にパララックスを実現!JSライブラリ ScrollReveal 使用方法・オプションの説明 動作確認 以前使用し使いやすかったので、もう少し掘り下げてオプション等調べてみました。 codepenで動作確認できます。 JSファイルは必要ですが、使いこなせると都度jQueryでコードを書くより随分と楽になります! 2021.08.12 2021.12.17 IT
jQuery サイトにアナログ時計表示 JavaScriptで時間取得し、jQueryで時計針の角度を計算 CSSで円形の時計に 前回、デジタル時計をサイトに表示させてみました。 序にアナログ時計も作成してみました。 JavaScriptで現在時間を取得し、jQueryのcssメソッドを使い、transformプロパティで時計の短針と長針の角度を変更していきます。 2021.08.10 2021.12.09 jQuery
jQuery WEBサイトにデジタル時計を表示 オブジェクトに関数を渡してループ処理、CSSで数字毎にバーを表示 JavaScriptで現在時間を取得し、jQueryとCSSでWEBサイト上に時刻をデジタル表示してみました。 単に時刻を表示するだけのバージョンと、時計に見立てたバージョンを作成しました。 時刻をWEBサイトに表示する機会は少ないかもと思いますが。 2021.08.08 2021.12.16 jQuery
HTML&CSS 3D回転するユニークなヘッダー! かつ多階層メニュー 第2階層はスライドダウンで開閉、第3階層はアコーディオン開閉 メニューそれぞれを立体的な面(四角柱の一面)ととらえ、かつ四角柱をY軸を軸として回転させるアニメーションを作成しました(CSSで回転を実現しています)。 第2階層をスライドダウン、第3階層をアコーディオン... 省スペースが可能です。 2021.08.01 2021.12.01 HTML&CSS
jQuery グローバルメニューを多階層メニューに 第2階層をスライドダウン、第3階層をアイコンでアコーディオン開閉の併用 第1階層のメニューをマウスオーバーすると第2階層メニューがスライドダウンし、第2階層メニューのアイコンクリックで、第2階層メニュー自体のリンクに遷移することなく、第3階層メニューをアコーディオン開閉する、多階層メニューを作成しました。 2021.07.30 2021.12.01 jQuery