jQueryを使わずにJavaScriptだけでDOM操作
とても便利で初心者でも導入しやすいJavaScriptのライブラリ、jQuery。 しかし、読み込み速度に影響が出るのと処理速度が遅いため、最近ではjQueryを使わない人も増えたのではないでしょうか。 jQueryを使えば簡単にDOM操作を行うことができますが、素のJavaScriptでも慣れればそこまで難しくありません。 要素の取得 基本的な要素の取得方法 document.getElementById('id-name'); //id名で取得 document.getElementsByClassName('class-name'); // クラス名で取得 document.getElementsByTagName('div'); // タグ名で取得 document.querySelector('#menu li'); // 最初にヒットした要素が取得される document.qu
【簡単】スクロールした時画像を下からふわっと表示させる方法「フェードイン」 - ゆうう兄のまったり奮闘記
2018.9.12 更新 いろんなサイトで動きのあるデザインが使用されています。 今回はブログにも簡単に実装できるモノをご紹介したいと思います。 スクロールに合わせてふわっと表示させる デモ 実装方法 CSS 記述内容 JS 記述内容 HTML 記述内容 まとめ スクロールに合わせてふわっと表示させる まずはデモを見ていただきます。このままページを下にスクロールしていってください↓ デモ 最初非表示だった画像やテキストが、ふわっと浮き上がるように表示されました。 これはcssとjsを使用して簡単に実装できます。 実装方法 CSS まずはcssからです。 はてなブログでは、編集画面のサイドメニュー内「デザイン」をクリック→サイドメニューのカスタマイズアイコンをクリック→「デザインCSS」から、サイト内のcssを編集することができます。 ここにcssをコピペしたり、自分で記述することで、自身の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
