Javascript【javascript】画面に表示したらアニメーションで表示する 画面に表示したらアニメーションで表示するjsです。 jqueryなしで、IEにも対応しています。 デモ HTML <div class="fade_box" data-anitype="fadein-...続きを読むJavascriptWEBサイトプログラミング・コーディング
Javascript【jQuery】子要素の順番を指定して取得する 複数ある子要素を色々な方法で取得してみます。 主に eq()⇒数字を指定して何番目かを取得 index()⇒何番目かを取得 を使っていきます。 HTMLソース <div id="outer"> <sp...続きを読むJavascriptWEBサイトプログラミング・コーディング
CSS【CSS】CSSだけで要素にアニメーションをつける(画面に入った時に動くJSのおまけ) いつもアニメーションのやり方を調べてしまうのでメモです。 hoverでアニメーション liタグをhoverすると動くCSSです。 /*▼ここは解説です。 ■ベンダープレフィックス -moz-trans...続きを読むCSSJavascript
CSSCSSとJSでページを開いたときにアニメーションのロゴを数秒出す ページを開いたときに数秒のオープニングを入れるスクリプトを紹介します。 今回はロゴを簡単にアニメーションさせるものおですが、応用すれば色々な演出が可能です。 ファイル構成は index.html⇒オー...続きを読むCSSJavascriptWEBサイトプログラミング・コーディングワードプレス
Javascriptyoutube AIP 画面幅に対して違う動画を表示するようにする レスポンシブ youtubeでサイトにjavascriptAPIを使用して動画を埋め込むことがあります。 (基本的な使い方はこちら youtube>iframe 組み込みの YouTube Player API リ...続きを読むJavascript