カテゴリー: JavaScript

JavaScript

Chart.jsでグラフ作成

Chat.js 最新のファイル https://github.com/chartjs/Chart.js/releases/tag/v2.9.3   dist/Chart.bundle.js dist/Chart.bundle.min.js バンドル版には、Moment.jsも含まれています。時間軸を利用したい場合で、インクルードは1つのファイルで済ませたい場合は、このバージョンを使用すべ …

jQuery

jQuery モーダルウィンドウ 背景が黒くなるやつ

    CSS

  .modal_containerが重要

  HTML

    jQuery [crayon-5e83466e7a03a70 …

jQuery

iframeの高さの自動調整

    共通コンテンツのSEO対策で実装 すべてのiframeを対象にせず、iframe1のidがあるiframeのみ反映させる     html

Widthは100%で高さはjQueryから取得する     jQuery [crayon-5e83466e7aa654330 …

jQuery, PHP

Ajax jQuery 基本フォーム処理

  DEMO   index.html

      api.php

   

jQuery, PHP

シンプルフォームAPI

  DEMO   index.html

      api.php

             

JavaScript

JavaScript フォームボタン別の遷移

   

           

jQuery

jQuery toggle() 表示, 非表示を繰り返す

  toggle() 表示、非表示を繰り返す     jQuery

    HTML

  DEMO        

jQuery, JavaScript

anime.js inview.js スクロールイベントアニメーション メモ

      スクロールで指定した要素が表示された時にclassを追加する   ある要素までスクロールしたらアクションをさせるJavascriptを作成する時に気をつけること。     anime.js   CSSライクでデザイナーに優しい!anime.jsはDOMアニメーションの新定番だ!     invie …

JavaScript

TweenMax JavaScript基本動作

  ドキュメント https://greensock.com/docs       boxを動かす 複数

  DEMO     @see https://www.feelbee.jp/news/tweenmax01

JavaScript

JavaScriptの中でJavaScript Google Adsense用

    JavaScript

    HTML

   

jQuery

bxSlider スライドショー

よく使っている汎用スライダー。   大概の要件はこなせる。便利(ㆁᴗㆁ✿)