https://www.naturalwine.jp/js/common.js

1//imghover/////////////////////////////////////////////////////////////////////////////////
2$(function() {
3
4	//ロールオーバー
5	initRollovers(); // _on _off を切り替える
6	$(".imghover").hover(animateKesu,animateDasu); //ふわっと消す
7	//$(".imghoverMore").hover(animateKesuMore,animateDasuMore); //ふわっと背景画像を表示させる
8
9	//ページ上部へ戻る
10	initScrollToTop();
11	if (window.PIE) {
12		$('.section').each(function() { PIE.attach(this); });
13	}
14	//$("table tr:even").addClass("alt");//テーブルに一行おきにクラス命名
15});
16///////////////////////////////////////////////////////////////////////////////////////////
17// scroll To Top
18function initScrollToTop() {
19	$(".page_up a").click(function() {
20		var delay = 300;
21		// スクロールする時間 単位 m秒
22		$('html,body').animate({
23			scrollTop : 0
24		}, delay);
25		return false;
26	});
27}
28
29///////////////////////////////////////////////////////////////////////////////////////////
30//  ふわっと消す
31function animateKesu() {
32	//スピード指定、透明度の指定
33	$(this).stop().fadeTo(400, 0.5);
34	//$(this).stop().animate({opacity: 0.5, filter: alpha(opacity=50)}, 400);
35
36}
37
38function animateDasu() {
39	//スピード指定、透明度の指定
40	$(this).stop().fadeTo(300, 1.0);
41	//$(this).stop().animate({opacity: 1.0, filter: alpha(opacity=100)}, 300);
42}
43
44///////////////////////////////////////////////////////////////////////////////////////////
45//  ふわっと背景画像を表示させる
46function animateKesuMore() {
47	//スピード指定、透明度の指定
48	$(this).stop().fadeTo(400, 0);
49}
50
51function animateDasuMore() {
52	//スピード指定、透明度の指定
53	$(this).stop().fadeTo(300, 1.0);
54}
55
56///////////////////////////////////////////////////////////////////////////////////////////
57//  ロールオーバースクリプト
58function initRollovers() {
59	if (!document.getElementById) {
60		return;
61	}
62	$('a img.imgover').hover(function() {
63		$(this).attr('src', $(this).attr('src').replace('_off', '_on'));
64	}, function() {
65		if (!$(this).hasClass('currentPage')) {
66			$(this).attr('src', $(this).attr('src').replace('_on', '_off'));
67		}
68	});
69}
70
71///////////////////////////////////////////////////////////////////////////////////////////
72// Pull-down menu
73$(function(){
74	$("#gnav ul.inner").hide();
75	$("#gnav li.pulldown").hover(function(){
76		$("ul",this).stop(true,true).slideDown();
77	},
78	function(){
79		$("ul",this).stop(true,true).slideUp();
80	});
81});
82
83///////////////////////////////////////////////////////////////////////////////////////////
84// Pull-down menu
85$(function(){
86	$('#gnav ul li.pulldown_sp').click(function(){
87		$('.inner',this).slideToggle();
88	});
89});
90
91
92//jquery.dropdownPlain/////////////////////////////////////////////////////////////////////
93$(function() {
94
95	$("ul.dropdown li").hover(function() {
96
97		$(this).addClass("hover");
98		$('ul:first', this).css('visibility', 'visible');
99
100	}, function() {
101
102		$(this).removeClass("hover");
103		$('ul:first', this).css('visibility', 'hidden');
104
105	});
106
107	$("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ");
108
109});
110
111
112//要素の高さを揃える/////////////////////////////////////////////////////////////////////
113/**
114 * Plugin: equalbox
115 *
116 * Version: 1.0
117 * (c) Copyright 2011, Jose Erlino Lontok and Myhedspace.com
118 *
119 * Description: A simple jQuery solution that will make sure that related and adjacent columns are of the same height.
120 *
121 **/
122
123(function( $ ){
124
125	/* equalbox */
126	$.fn.equalbox = function(e){
127		var settings = $.extend({
128										subBoxNmae:".eq"
129									},e);
130		$(this).each(function(e){
131			var bigHeight = 0;
132
133			$(settings.subBoxNmae, $(this)).each(function(){
134
135				$this = $(this);
136
137				if($this.height() > bigHeight){
138					bigHeight = $this.height();
139				}
140
141			});
142
143			return $(settings.subBoxNmae,$(this)).css("height", bigHeight);
144
145		});
146
147	};/* End Function */
148
149	/* equalbox  old */
150//	$.fn.equalbox = function(){
151//
152//		var bigHeight = 0;
153//
154//		$(this).each(function(){
155//
156//			$this = $(this);
157//			if($this.height() > bigHeight){
158//				bigHeight = $this.height();
159//			}
160//
161//		});
162//
163//		return $(this).css("height", bigHeight);
164//
165//	};/* End Function */
166
167})( jQuery );