/*
Item name: Vertical Responsive Navigation
Item Url: http://codecanyon.net/item/vertical-responsive-navigation/5128779
Author: marcoarib
License: http://codecanyon.net/licenses
Contact: http://codecanyon.net/item/vertical-responsive-navigation/5128779/support
*/
(function($){
jQuery.fn.verticalnav = function(options){
var settings = {
speed: 300,
align: "left",
showDelay: 0,
hideDelay: 0
}
$.extend( settings, options );
$(".vertical-nav").prepend("
MENU");
if(settings.align == "right"){
$(".vertical-nav").addClass("right");
}
screenSize();
$(window).resize(function() {
screenSize();
});
function screenSize(){
$(".vertical-nav").find("li").unbind();
$(".vertical-nav").find("ul").hide(0);
if(window.innerWidth = 768){
showCollapse();
bindClick();
}
else{
hideCollapse();
bindHover();
}
}
function bindHover(){
$(".vertical-nav li").bind("mouseover", function(){
$(this).children("ul").stop(true,true).delay(settings.showDelay).fadeIn(settings.interval);
}).bind("mouseleave", function(){
$(this).children("ul").stop(true,true).delay(settings.hideDelay).fadeOut(settings.interval);
});
}
function bindClick(){
$(".vertical-nav > li").bind("click", function(){
if($(this).children("ul").css("display") == "none"){
$(this).find("ul").stop(true,true).delay(settings.showDelay).slideDown(settings.interval);
}
else{
$(this).children("ul").stop(true,true).delay(settings.hideDelay).slideUp(settings.interval);
}
});
}
function showCollapse(){
$(".vertical-nav > li:not(.showhide)").hide(0);
$(".vertical-nav > li.showhide").show(0);
$(".vertical-nav > li.showhide").bind("click", function(){
if($(".vertical-nav > li").is(":hidden")){
$(".vertical-nav > li").slideDown(300);
}
else{
$(".vertical-nav > li:not(.showhide)").slideUp(300);
$(".vertical-nav > li.showhide").show(0);
}
});
}
function hideCollapse(){
$(".vertical-nav > li").show(0);
$(".vertical-nav > li.showhide").hide(0);
}
}
}(jQuery));
artes png e psd: HTML
Nenhum comentário:
Postar um comentário