source/html_css_js - ket@

---

【jQuery】拡大縮小

$("body").css("zoom","50%");

---

【js】ウインドウがリサイズされたら発動

$(window).resize(function() {

---

【js】イベントリスナー引数付きのイベント渡す

window.addEventListener('scroll', function(){showElementAnimation("animation_2",700)},false);

---

【js】JavaScriptによるリダイレクト

location.href="URL";

---

【js】文字列置換

brandName =brandName.replace("（","（")

---

【js】head タグtitle変更

<script>

document.title = document.title + "<?php echo " hoge".$shop_name." | hoge" ?>";
</script>

---

【jQuery】css 変更

   $("hoge").css("background-color","#fffd7d");

---

【jQuery】css クラスを追加

   $("hoge").addClass("anime");

---

【CSS】アニメーション

.anime {animation: anime 1.2s 0s infinite alternate;  /* アニメーション指定 */
animation-timing-function: ease;
}
@keyframes anime {100% {background-color: #fff;      /* 背景色指定 */}}

animation-name：アニメーションの名前。初期値：none。
animation-duration：アニメーションの開始から終わるまでの時間（1回分）。初期値：0。
animation-timing-function：アニメーションの進捗時の効果。初期値：ease。
animation-delay：アニメーションが開始するまでの時間。初期値：0。
animation-iteration-count：アニメーションの繰り返し回数。初期値：1。
animation-direction：アニメーションを逆再生（順番）。初期値：normal。
animation-fill-mode：アニメーションの開始前と終了後の状態。初期値：none。
animation-play-state：アニメーションの再生と停止。初期値：running。

---

【jQuery】要素を非表示

$('#brand_sp').hide();

hoge