カテゴリー: JavaScript/jQuery

クリップボードにテキストをコピーするjavascriptをスマホサイトに実装しよう【jQuery無し】

WEBサイト上で任意の文字列をクリップボードにコピーするボタンを設置するJavascriptです。 仮想通貨のAirDropのサイトなどによく見られますね! クリップボードにコピーするボタンが必要な理由 ズバリ、スマホだとテキスト選択がめんどくさいからです。 […]

2018.3.28
JavaScript/jQuery

Animate.cssでクリックやスクロール時にアニメーションするJS応用テクニック!【デモあり】

CSS3「animation」プロパティは、HTML要素に「動き」をつけてWEBサイトをデザインするテクニックのひとつです。 マウスをかざせば「ふわっと」拡大する画像や、ハンバーガーボタンをタップするとコンテンツメニューが「ぬるっと」横からスライドしてくるなど […]

2017.10.17
HTML/CSS

スクロールしていくと背景画像が切り替わる効果の実装方法【レスポンシブ対応】

スクロールをしていくと、任意のセクションが表示されるたびに背景画像を切り替える効果をjQueryとCSSで実装しました。 配布されているjQueryプラグインなどは未使用。 そのセクションに合った背景画像をフェードイン・アウトで表示させたかったので備忘録として […]

2017.9.19
JavaScript/jQuery

たった数行でパララックス(視差効果)を実装する方法【jQuery】

WEBページの表現方法のひとつ「パララックス」の実装方法を紹介。 コンテンツのボリュームがそれほど多くない。 シンプルに実装したい そんな人向けの内容となっています。 パララックスとは? スクロールすると、背景や画像・テキストが時間差で移動して見える事で起きる […]

2012.7.22
JavaScript/jQuery