Last active
July 5, 2017 11:54
-
-
Save galcev/ed3e7510a3f435f186b85d4cb4fcd105 to your computer and use it in GitHub Desktop.
Install menu superfish
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(document).ready(function() { | |
//Таймер обратного отсчета | |
//Документация: http://keith-wood.name/countdown.html | |
//<div class="countdown" date-time="2015-01-07"></div> | |
var austDay = new Date($(".countdown").attr("date-time")); | |
$(".countdown").countdown({until: austDay, format: 'yowdHMS'}); | |
//Попап менеджер FancyBox | |
//Документация: http://fancybox.net/howto | |
//<a class="fancybox"><img src="image.jpg" /></a> | |
//<a class="fancybox" data-fancybox-group="group"><img src="image.jpg" /></a> | |
$(".fancybox").fancybox(); | |
//Навигация по Landing Page | |
//$(".top_mnu") - это верхняя панель со ссылками. | |
//Ссылки вида <a href="#contacts">Контакты</a> | |
$(".top_mnu").navigation(); | |
//Добавляет классы дочерним блокам .block для анимации | |
//Документация: http://imakewebthings.com/jquery-waypoints/ | |
$(".block").waypoint(function(direction) { | |
if (direction === "down") { | |
$(".class").addClass("active"); | |
} else if (direction === "up") { | |
$(".class").removeClass("deactive"); | |
}; | |
}, {offset: 100}); | |
//Плавный скролл до блока .div по клику на .scroll | |
//Документация: https://github.com/flesler/jquery.scrollTo | |
$("a.scroll").click(function() { | |
$.scrollTo($(".div"), 800, { | |
offset: -90 | |
}); | |
}); | |
//Каруселька | |
//Документация: http://owlgraphic.com/owlcarousel/ | |
var owl = $(".carousel"); | |
owl.owlCarousel({ | |
items : 4 | |
}); | |
owl.on("mousewheel", ".owl-wrapper", function (e) { | |
if (e.deltaY > 0) { | |
owl.trigger("owl.prev"); | |
} else { | |
owl.trigger("owl.next"); | |
} | |
e.preventDefault(); | |
}); | |
$(".next_button").click(function(){ | |
owl.trigger("owl.next"); | |
}); | |
$(".prev_button").click(function(){ | |
owl.trigger("owl.prev"); | |
}); | |
//Кнопка "Наверх" | |
//Документация: | |
//http://api.jquery.com/scrolltop/ | |
//http://api.jquery.com/animate/ | |
$("#top").click(function () { | |
$("body, html").animate({ | |
scrollTop: 0 | |
}, 800); | |
return false; | |
}); | |
//Аякс отправка форм | |
//Документация: http://api.jquery.com/jquery.ajax/ | |
$("form").submit(function() { | |
$.ajax({ | |
type: "GET", | |
url: "mail.php", | |
data: $("form").serialize() | |
}).done(function() { | |
alert("Спасибо за заявку!"); | |
setTimeout(function() { | |
$.fancybox.close(); | |
}, 1000); | |
}); | |
return false; | |
}); | |
//Мега-меню и мобайл меню | |
$(".sf-menu").superfish({ | |
delay: 200, | |
speed: "fast", | |
cssArrows: true //false - убирает указатель (треугольник) | |
}) | |
.after("<div id='mobile-menu'>").clone().appendTo("#mobile-menu"); | |
$("#mobile-menu").find("*").attr("style", ""); | |
$("#mobile-menu").children("ul").removeClass("sf-menu") | |
.parent().mmenu({ | |
extensions : [ 'widescreen', 'theme-white', 'effect-menu-slide', 'pagedim-black' ], | |
navbar: { | |
title: "Меню" | |
} | |
}); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*** ESSENTIAL STYLES ***/ | |
.sf-menu { | |
position: relative; | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.sf-menu .sf-mega { | |
position: absolute; | |
display: none; | |
top: 100%; | |
left: 0; | |
z-index: 99; | |
} | |
.sf-menu > li { | |
float: left; | |
} | |
.sf-menu li:hover > .sf-mega, | |
.sf-menu li.sfHover > .sf-mega { | |
display: block; | |
} | |
.sf-menu > li > a { | |
display: block; | |
position: relative; | |
} | |
/*** DEMO SKIN ***/ | |
.sf-menu { | |
float: left; | |
margin-bottom: 1em; | |
width: 100%; | |
} | |
.sf-menu .sf-mega { | |
box-shadow: 2px 3px 6px rgba(0,0,0,.2); | |
width: 100%; /* allow long menu items to determine submenu width */ | |
} | |
.sf-menu > li > a { | |
border-left: 1px solid #fff; | |
border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ | |
border-top: 1px solid rgba(255,255,255,.5); | |
padding: .75em 1em; | |
text-decoration: none; | |
zoom: 1; /* IE7 */ | |
color: #13a; | |
} | |
.sf-menu > li { | |
background: #BDD2FF; | |
-webkit-transition: background .2s; | |
transition: background .2s; | |
} | |
.sf-menu > li:hover, | |
.sf-menu > li.sfHover { | |
background: #CFDEFF; | |
/* only transition out, not in */ | |
-webkit-transition: none; | |
transition: none; | |
} | |
/*** mega menu dropdown ***/ | |
.sf-mega { | |
background-color: #CFDEFF; | |
padding: 1em; | |
box-sizing: border-box; | |
width: 100%; | |
} | |
.sf-mega-section { | |
float: left; | |
width: 8em; /* optional */ | |
padding: 0 1em 1em 0; | |
margin-right: 1em; | |
border-right: 1px solid #b4c8f5; | |
} | |
/*** arrows (for all except IE7) **/ | |
.sf-arrows .sf-with-ul { | |
padding-right: 2.5em; | |
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ | |
} | |
/* styling for both css and generated arrows */ | |
.sf-arrows .sf-with-ul:after { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
right: 1em; | |
margin-top: -3px; | |
height: 0; | |
width: 0; | |
/* order of following 3 rules important for fallbacks to work */ | |
border: 5px solid transparent; | |
border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ | |
border-top-color: rgba(255,255,255,.5); | |
} | |
.sf-arrows > li > .sf-with-ul:focus:after, | |
.sf-arrows > li:hover > .sf-with-ul:after, | |
.sf-arrows > .sfHover > .sf-with-ul:after { | |
border-top-color: white; /* IE8 fallback colour */ | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*** ESSENTIAL STYLES ***/ | |
.sf-menu, .sf-menu * { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.sf-menu li { | |
position: relative; | |
} | |
.sf-menu ul { | |
position: absolute; | |
display: none; | |
top: 100%; | |
left: 0; | |
z-index: 99; | |
} | |
.sf-menu > li { | |
float: left; | |
} | |
.sf-menu li:hover > ul, | |
.sf-menu li.sfHover > ul { | |
display: block; | |
} | |
.sf-menu a { | |
display: block; | |
position: relative; | |
} | |
.sf-menu ul ul { | |
top: 0; | |
left: 100%; | |
} | |
/*** DEMO SKIN ***/ | |
.sf-menu { | |
float: left; | |
margin-bottom: 1em; | |
} | |
.sf-menu ul { | |
box-shadow: 2px 2px 6px rgba(0,0,0,.2); | |
min-width: 12em; /* allow long menu items to determine submenu width */ | |
*width: 12em; /* no auto sub width for IE7, see white-space comment below */ | |
} | |
.sf-menu a { | |
border-left: 1px solid #fff; | |
border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ | |
border-top: 1px solid rgba(255,255,255,.5); | |
padding: .75em 1em; | |
text-decoration: none; | |
zoom: 1; /* IE7 */ | |
} | |
.sf-menu a { | |
color: #13a; | |
} | |
.sf-menu li { | |
background: #BDD2FF; | |
white-space: nowrap; /* no need for Supersubs plugin */ | |
*white-space: normal; /* ...unless you support IE7 (let it wrap) */ | |
-webkit-transition: background .2s; | |
transition: background .2s; | |
} | |
.sf-menu ul li { | |
background: #AABDE6; | |
} | |
.sf-menu ul ul li { | |
background: #9AAEDB; | |
} | |
.sf-menu li:hover, | |
.sf-menu li.sfHover { | |
background: #CFDEFF; | |
/* only transition out, not in */ | |
-webkit-transition: none; | |
transition: none; | |
} | |
/*** arrows (for all except IE7) **/ | |
.sf-arrows .sf-with-ul { | |
padding-right: 2.5em; | |
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ | |
} | |
/* styling for both css and generated arrows */ | |
.sf-arrows .sf-with-ul:after { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
right: 1em; | |
margin-top: -3px; | |
height: 0; | |
width: 0; | |
/* order of following 3 rules important for fallbacks to work */ | |
border: 5px solid transparent; | |
border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ | |
border-top-color: rgba(255,255,255,.5); | |
} | |
.sf-arrows > li > .sf-with-ul:focus:after, | |
.sf-arrows > li:hover > .sf-with-ul:after, | |
.sf-arrows > .sfHover > .sf-with-ul:after { | |
border-top-color: white; /* IE8 fallback colour */ | |
} | |
/* styling for right-facing arrows */ | |
.sf-arrows ul .sf-with-ul:after { | |
margin-top: -5px; | |
margin-right: -3px; | |
border-color: transparent; | |
border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ | |
border-left-color: rgba(255,255,255,.5); | |
} | |
.sf-arrows ul li > .sf-with-ul:focus:after, | |
.sf-arrows ul li:hover > .sf-with-ul:after, | |
.sf-arrows ul .sfHover > .sf-with-ul:after { | |
border-left-color: white; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* jQuery Superfish Menu Plugin - v1.7.9 | |
* Copyright (c) 2016 Joel Birch | |
* | |
* Dual licensed under the MIT and GPL licenses: | |
* http://www.opensource.org/licenses/mit-license.php | |
* http://www.gnu.org/licenses/gpl.html | |
*/ | |
;!function(a,b){"use strict";var c=function(){var c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},d=function(){var b=/^(?![\w\W]*Windows Phone)[\w\W]*(iPhone|iPad|iPod)/i.test(navigator.userAgent);return b&&a("html").css("cursor","pointer").on("click",a.noop),b}(),e=function(){var a=document.documentElement.style;return"behavior"in a&&"fill"in a&&/iemobile/i.test(navigator.userAgent)}(),f=function(){return!!b.PointerEvent}(),g=function(a,b,d){var e,f=c.menuClass;b.cssArrows&&(f+=" "+c.menuArrowClass),e=d?"addClass":"removeClass",a[e](f)},h=function(b,d){return b.find("li."+d.pathClass).slice(0,d.pathLevels).addClass(d.hoverClass+" "+c.bcClass).filter(function(){return a(this).children(d.popUpSelector).hide().show().length}).removeClass(d.pathClass)},i=function(a,b){var d=b?"addClass":"removeClass";a.children("a")[d](c.anchorClass)},j=function(a){var b=a.css("ms-touch-action"),c=a.css("touch-action");c=c||b,c="pan-y"===c?"auto":"pan-y",a.css({"ms-touch-action":c,"touch-action":c})},k=function(a){return a.closest("."+c.menuClass)},l=function(a){return k(a).data("sfOptions")},m=function(){var b=a(this),c=l(b);clearTimeout(c.sfTimer),b.siblings().superfish("hide").end().superfish("show")},n=function(b){b.retainPath=a.inArray(this[0],b.$path)>-1,this.superfish("hide"),this.parents("."+b.hoverClass).length||(b.onIdle.call(k(this)),b.$path.length&&a.proxy(m,b.$path)())},o=function(){var b=a(this),c=l(b);d?a.proxy(n,b,c)():(clearTimeout(c.sfTimer),c.sfTimer=setTimeout(a.proxy(n,b,c),c.delay))},p=function(b){var c=a(this),d=l(c),e=c.siblings(b.data.popUpSelector);return d.onHandleTouch.call(e)===!1?this:void(e.length>0&&e.is(":hidden")&&(c.one("click.superfish",!1),"MSPointerDown"===b.type||"pointerdown"===b.type?c.trigger("focus"):a.proxy(m,c.parent("li"))()))},q=function(b,c){var g="li:has("+c.popUpSelector+")";a.fn.hoverIntent&&!c.disableHI?b.hoverIntent(m,o,g):b.on("mouseenter.superfish",g,m).on("mouseleave.superfish",g,o);var h="MSPointerDown.superfish";f&&(h="pointerdown.superfish"),d||(h+=" touchend.superfish"),e&&(h+=" mousedown.superfish"),b.on("focusin.superfish","li",m).on("focusout.superfish","li",o).on(h,"a",c,p)};return{hide:function(b){if(this.length){var c=this,d=l(c);if(!d)return this;var e=d.retainPath===!0?d.$path:"",f=c.find("li."+d.hoverClass).add(this).not(e).removeClass(d.hoverClass).children(d.popUpSelector),g=d.speedOut;if(b&&(f.show(),g=0),d.retainPath=!1,d.onBeforeHide.call(f)===!1)return this;f.stop(!0,!0).animate(d.animationOut,g,function(){var b=a(this);d.onHide.call(b)})}return this},show:function(){var a=l(this);if(!a)return this;var b=this.addClass(a.hoverClass),c=b.children(a.popUpSelector);return a.onBeforeShow.call(c)===!1?this:(c.stop(!0,!0).animate(a.animation,a.speed,function(){a.onShow.call(c)}),this)},destroy:function(){return this.each(function(){var b,d=a(this),e=d.data("sfOptions");return e?(b=d.find(e.popUpSelector).parent("li"),clearTimeout(e.sfTimer),g(d,e),i(b),j(d),d.off(".superfish").off(".hoverIntent"),b.children(e.popUpSelector).attr("style",function(a,b){return b.replace(/display[^;]+;?/g,"")}),e.$path.removeClass(e.hoverClass+" "+c.bcClass).addClass(e.pathClass),d.find("."+e.hoverClass).removeClass(e.hoverClass),e.onDestroy.call(d),void d.removeData("sfOptions")):!1})},init:function(b){return this.each(function(){var d=a(this);if(d.data("sfOptions"))return!1;var e=a.extend({},a.fn.superfish.defaults,b),f=d.find(e.popUpSelector).parent("li");e.$path=h(d,e),d.data("sfOptions",e),g(d,e,!0),i(f,!0),j(d),q(d,e),f.not("."+c.bcClass).superfish("hide",!0),e.onInit.call(this)})}}}();a.fn.superfish=function(b,d){return c[b]?c[b].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof b&&b?a.error("Method "+b+" does not exist on jQuery.fn.superfish"):c.init.apply(this,arguments)},a.fn.superfish.defaults={popUpSelector:"ul,.sf-mega",hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:!0,disableHI:!1,onInit:a.noop,onBeforeShow:a.noop,onShow:a.noop,onBeforeHide:a.noop,onHide:a.noop,onIdle:a.noop,onDestroy:a.noop,onHandleTouch:a.noop}}(jQuery,window); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment