wordpress JS

スマホ ドロワーメニュー 下地 01

<html> <head> <style> nav { width: 312px; height: 100%; transition: all 0.2s; transform: translate(312px); position: fixed; top: 0; right: 0; z-index: 1000; background-color: #FFF; } nav.open { transform: translate(0); } </style> </head> <script> // jQueryは読み込み済み前提 $(func</html>…

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>