php 20180516 hoverをjQで制御

Posted 2021-05-04

//http://west02.ab-ss.com/hotelorientalexpress.com/html/osakashinsaibashi/lang/

$(function() {
	$('.navigation_menu').find('.top').hover(function() {
		$('#navigation').css('background', '#333');
	}, function() {
		$('#navigation').css('background', '');
	});
	$('.navigation_menu').find('.rooms').hover(function() {
		$('#navigation').css('background', '#000');
	}, function() {
		$('#navigation').css('background', '');
	});
	$('.navigation_menu').find('.res').hover(function() {
		$('#navigation').css('background', '#333');
	}, function() {
		$('#navigation').css('background', '');
	});
	$('.navigation_menu').find('.serv').hover(function() {
		$('#navigation').css('background', '#000');
	}, function() {
		$('#navigation').css('background', '');
	});
	$('.navigation_menu').find('.fac').hover(function() {
		$('#navigation').css('background', '#333');
	}, function() {
		$('#navigation').css('background', '');
	});
	$('.navigation_menu').find('.guide').hover(function() {
		$('#navigation').css('background', '#000');
	}, function() {
		$('#navigation').css('background', '');
	});
	$('.navigation_menu').find('.access').hover(function() {
		$('#navigation').css('background', '#333');
	}, function() {
		$('#navigation').css('background', '');
	});
	$('.navigation_menu').find('.gall').hover(function() {
		$('#navigation').css('background', '#000');
	}, function() {
		$('#navigation').css('background', '');
	});
	$('.navigation_menu').find('.contact').hover(function() {
		$('#navigation').css('background', '#333');
	}, function() {
		$('#navigation').css('background', '');
	});
	$('.navigation_menu').find('.rsv').hover(function() {
		$('#navigation').css('background', '#000');
	}, function() {
		$('#navigation').css('background', '');
	});
});

<div id="navigation">
	<div class="navigation_inner">
		<ul class="navigation_menu">
			<li class="navigation_item top"><a href="<?php echo LOCATION;?>">TOP</a></li>
			<li class="navigation_item rooms"><a href="<?php echo LOCATION;?>">ROOMS</a></li>
			<li class="navigation_item res"><a href="<?php echo LOCATION;?>">RESTAURANT</a></li>
			<li class="navigation_item serv"><a href="<?php echo LOCATION;?>service/">SERVICE</a></li>
			<li class="navigation_item fac"><a href="<?php echo LOCATION;?>">FACILITIES</a></li>
			<li class="navigation_item guide"><a href="<?php echo LOCATION;?>">AREAGUIDE</a></li>
			<li class="navigation_item access"><a href="<?php echo LOCATION;?>">ACCESS</a></li>
			<li class="navigation_item gall"><a href="<?php echo LOCATION;?>">GALLERY</a></li>
			<li class="navigation_item contact"><a href="<?php echo LOCATION;?>">CONTACT</a></li>
			<li class="navigation_item rsv"><a href="<?php echo LOCATION;?>">BOOK NOW</a></li>
		</ul>
	</div>
</div>