wordpress JS

jQUery メモ hover btn 表示 & 画像入れ替え

<style> .box-1{width: 100%;}.box-1a{width: 44%;float: left;background-image:url(../images/kaiga_on.jpg);padding: 11em 5em;}.box-1b{width: 44%;float: left;margin: 0 3em;} .show{display: block;}.hide{display: none;}.btn{background: #328bda;color: #…

WP メニュー から コンテンツへ スクロールアニメーション JS

functions.php --------- // スクロールアニメーション jsfunction scrollTop_script(){ wp_enqueue_script('scrollTop-script', get_template_directory_uri().'/link.js', array('jquery'));}add_action('wp_enqueue_scripts', 'scrollTop_script'); -----…

スマホ スライドボタン JS

nav.js jQuery(function(){ jQuery('#openbtn').click(function(){ jQuery('#mainmenu').slideToggle(); }); }); ---- functions.php // トグルbtn function navbtn_scripts() { wp_enqueue_script('navbtn-script', get_template_directory_uri() . '/nav.j…

wordpress JS 読み込み メモ

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>