Webデザイン 表示時間のメーター付き、クリックでも自動でも切り替わるスライダー クリックでも一定時間ごとに自動でも切り替わるスライダーです。 どのくらいで切り替わるかもわかるようにメーターも設置しました。 切り替えはやメーターの描画はJavaScript(jQuery)で行っています。 デモページはこちら ... 2018.12.09 Webデザイン
Webデザイン 訪問回数に応じてスタンプを押すアニメーション(jquery-cookie.jsを使用) ページにアクセスしたらその回数に応じてスタンプを押していくアニメーションです。 jquery-cookie.jsを使ってクッキーのデータを取得し、ページに訪問した回数に応じてスタンプの表示やアニメーションを行っています。 デモページ... 2018.12.05 Webデザイン
Webデザイン 整列しているボックスをアニメーションで順番に表示 CSSとjQuery(JavaScript)を利用したページ読み込み時に再生されるアニメーションです。 CSSでtransitionとtransformを設定しておき、jQueryでtransformの値を変更することでアニメーションを実... 2018.12.03 Webデザイン