https://www.hamadasyuzou.co.jp/wp/wp-content/themes/hamadasyuzou/common/js/img_map.js

1$(function(){
2	var Browser;
3	var mapEnabled=false;
4	var ua=navigator.userAgent;
5		if(ua.indexOf('Chrome')>-1 && ua.indexOf('Android') < 0){
6				Browser="chrome";
7		}else if(ua.indexOf('Safari')> -1){
8			if(ua.indexOf('iPhone') > -1 && ua.indexOf('iPad') == -1){
9				Browser="iPhone";
10			}else if(ua.indexOf('iPad')  > -1){
11				Browser="iPad";
12			}else if(ua.indexOf('iPod')  > -1){
13				Browser="iPod"
14			}else if(ua.indexOf('Android') > -1){
15				Browser="Android";
16			}else{
17				Browser="safari";
18			}			
19		}else if(ua.indexOf('Firefox')> -1){
20			Browser="firefox";	
21		}else if(ua.indexOf('Opera')> -1){
22			Browser="opera";	
23		}else if(ua.indexOf('MSIE')> -1){
24			Browser="ie";	
25			$("#img_map_sp").css("display","none");
26		}
27		
28		if(Browser=="chrome" || Browser=="safari" ||Browser=="firefox"||Browser=="ie"){
29				$("#img_map_img li").css("visibility","hidden","opacity",0);
30				$("#img_map_img li").eq(0).css("visibility","visible","opacity",1);
31				$("#map_img_btn li").click(clickEvent);
32				$("#map_img_btn li").mouseover(mouseoverEvent);
33				$("#map_img_btn li").mouseout(mouseoutEvent);
34		
35				var position=[97,289,289,289,289,289,289,289,289,289];
36				var truck=$("#truck");
37		}else{
38			$('#map_img_btn li').css("visibility","hidden");
39		}
40	
41		function clickEvent(){
42			$("#map_img_btn li").removeClass("on");
43			$(this).addClass("on");
44			var num=Number($(this).attr("id").slice(-2))-1;
45			
46			target=$("#img_map_"+$(this).attr("id").slice(-2));
47			
48			$("#img_map_img li").css("visibility","hidden","opacity",0);
49			target.css("visibility","visible","opacity",1);
50			
51			
52			$("#img_map_onoff li img").css("opacity",1);
53			$("#img_map_onoff li img").removeClass("on");
54			target=$("#onoff_"+$(this).attr("id").slice(-2));
55			$("img",target).css("opacity",0);
56			$("img",target).addClass("on");
57			
58			
59			var targetPoit= position[num]
60			truck.stop().animate({top:targetPoit},1000,"swing");
61			
62			return false;
63		}
64	
65		function mouseoverEvent(){
66			$("#img_map_onoff li img").css("opacity",1);
67			target=$("#onoff_"+$(this).attr("id").slice(-2));
68			$("img",target).css("opacity",0);
69		}
70	
71		function mouseoutEvent(){
72			target=$("#onoff_"+$(this).attr("id").slice(-2));
73			$("img",target).css("opacity",1);
74		}
75	
76		
77	
78})