javascript
-
2021/09/19 / javascript
MOREボタンで数件ずつ要素を表示wp
HTML <div class="bloglist"> <div>テキスト1</div> <div>テキスト2</div> <div>テキスト3</div> <div>テキスト4<...
続きを読む
-
2021/08/21 / javascript
slick 基本
ダウンロード http://kenwheeler.github.io/slick/ 使うデータ ajax-loader.gif fonts（フォルダ） slick-theme.css slick.css slick.min.js ...
続きを読む
-
2021/07/06 / javascript
スクロールして表示するとフェードイン
通常 HTML <div class="animation">フェードインするコンテンツ</div> CSS /*アニメーション要素のスタイル*/ .animation{ opacity ...
続きを読む
-
2021/04/26 / javascript
スクロールして表示されたタイミングでアクションを起こすjs
手順1 scrollrevealをダウンロード scrollrevealをダウンロードhttps://github.com/jlmakes/scrollreveal 手順2 ScrollReveal.min.jsをhtmlに...
続きを読む
-
2020/08/23 / javascript
上からゆっくり降りてきてヘッダー固定
ヘッダーを固定 一定の高さまでスクロールすると、タグ「header」にclass="fixed"が付く 上からゆっくり降りてくる js $(window).on("load", function () { $(fun...
続きを読む
-
2020/07/04 / javascript
Enterキーを押すとinputが空欄になるのを防ぐ
フォームにonsubmit=”return false;”を追加 onsubmitはsubmitされたときに発生するイベントです。onsubmit=”return false;”でsubmitを中止する。 ...
続きを読む
-
2020/06/01 / javascript
jsでふわふわ縦に揺れる
jquery.yurayura.jsをダウンロードして、 「jquery.yurayura.js」で保存 jQuery( function( $ ) { $.fn.yurayura = function( config ) { ...
続きを読む
-
2020/02/29 / javascript
特定の要素の幅と高さを取得するjavascript
divなど、特定の要素の幅と高さを取得する方法 <div id="fr">幅と高さを取得したいボックス</div> let client_w = document.getElementById('box').cli...
続きを読む
-
2020/02/29 / javascript
ウィンドウ幅リサイズごとにブラウザをリロードするjavascript
$(function(){ var timer = false; var prewidth = $(window).width(); $(window).resize(function() { if...
続きを読む
-
2019/12/12 / javascript
サイトにローディングを実装するjavascript
HTML 全てのページでローディングする必要がないときは、HOME PAGE（TOPページ）にのみ記載 <div id="loading"> <div id="loading-in"> <img src="...
続きを読む
HOME > javascript
