From 459ceb7cc106e234ff76dfb235b75af19f2b6cde Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 11 Sep 2012 09:26:16 -0400 Subject: [PATCH] gradient cover --- js/meny.js | 3 +++ js/meny.min.js | 46 ++++++++++++++++++++++++---------------------- 2 files changed, 27 insertions(+), 22 deletions(-) diff --git a/js/meny.js b/js/meny.js index e4fa5eb..d552eac 100644 --- a/js/meny.js +++ b/js/meny.js @@ -146,6 +146,9 @@ var Meny = { dom.cover.style.visibility = 'hidden'; dom.cover.style.zIndex = 1000; dom.cover.style.background = 'rgba( 0, 0, 0, 0.4 )'; + dom.cover.style.background = '-ms-linear-gradient('+ config.position +', rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.65) 100%)'; + dom.cover.style.background = '-moz-linear-gradient('+ config.position +', rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.65) 100%)'; + dom.cover.style.background = '-webkit-linear-gradient('+ config.position +', rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.65) 100%)'; dom.cover.style.opacity = 0; dom.cover.style[ prefix( 'transition' ) ] = 'all .5s ease'; dom.contentsElement.appendChild( dom.cover ); diff --git a/js/meny.min.js b/js/meny.min.js index ceb17af..0523248 100644 --- a/js/meny.min.js +++ b/js/meny.min.js @@ -17,25 +17,27 @@ w="translateY( -"+C.height+"px ) rotateX( 15deg )";break;default:l="100% 50%";i= R="0 50%";w="translateX( "+C.width+"px ) rotateY( 15deg )";break;}}function e(){u(c.wrapper,"meny-"+C.position);c.wrapper.style[D("perspective")]="800px"; c.wrapper.style[D("perspectiveOrigin")]=R;}function v(){c.cover=document.createElement("div");c.cover.style.display="block";c.cover.style.position="absolute"; c.cover.style.width="100%";c.cover.style.height="100%";c.cover.style.left=0;c.cover.style.top=0;c.cover.style.visibility="hidden";c.cover.style.zIndex=1000; -c.cover.style.background="rgba( 0, 0, 0, 0.4 )";c.cover.style.opacity=0;c.cover.style[D("transition")]="all .5s ease";c.contentsElement.appendChild(c.cover); -}function B(){switch(C.position){case G:c.menuElement.style.width="100%";c.menuElement.style.height=C.height+"px";break;case h:c.menuElement.style.right="0"; -c.menuElement.style.width=C.width+"px";c.menuElement.style.height="100%";break;case x:c.menuElement.style.bottom="0";c.menuElement.style.width="100%";c.menuElement.style.height=C.height+"px"; -break;case r:c.menuElement.style.width=C.width+"px";c.menuElement.style.height="100%";break;}c.menuElement.style.display="block";c.menuElement.style.position="fixed"; -c.menuElement.style.zIndex=1;c.menuElement.style[D("transform")]=i;c.menuElement.style[D("transformOrigin")]=l;c.menuElement.style[D("transition")]="all .5s ease"; -}function M(){c.contentsElement.style[D("transform")]=O;c.contentsElement.style[D("transformOrigin")]=R;c.contentsElement.style[D("transition")]="all .5s ease"; -}function N(){document.addEventListener("mousedown",K,false);document.addEventListener("mouseup",Q,false);document.addEventListener("mousemove",b,false); -document.addEventListener("touchstart",J,false);document.addEventListener("touchend",H,false);}function m(){if(!I){I=true;u(c.wrapper,"meny-active");c.cover.style.height=c.contentsElement.scrollHeight+"px"; -c.cover.style.visibility="visible";c.cover.style.opacity=1;c.contentsElement.style[D("transform")]=w;c.menuElement.style[D("transform")]=F;}}function d(){if(I){I=false; -o(c.wrapper,"meny-active");c.cover.style.visibility="hidden";c.cover.style.opacity=0;c.contentsElement.style[D("transform")]=O;c.menuElement.style[D("transform")]=i; -}}function k(T,S){for(var U in S){T[U]=S[U];}}function D(W,V){var T=W.slice(0,1).toUpperCase()+W.slice(1);for(var U=0,S=A.length;UC.height){d();}else{if(WT-C.activateThreshold){m();}}break;case x:var U=c.wrapper.offsetHeight;if(WU-C.activateThreshold){m(); -}}break;case r:if(S>C.width){d();}else{if(St+C.activateThreshold){S=p;}else{if(touchMoveYtouchStartY+C.activateThreshold){S=f; -}if(S&&S()){T.preventDefault();}}function H(S){document.removeEventListener("touchmove",L,false);if(q===null&&touchMoveY===null){j();}}function j(){}function p(){if(C.position===h&&I){d(); -return true;}else{if(C.position===r&&!I){m();return true;}}}function P(){if(C.position===h&&!I){m();return true;}else{if(C.position===r&&I){d();return true; -}}}function f(){if(C.position===x&&I){d();return true;}else{if(C.position===G&&!I){m();return true;}}}function s(){if(C.position===x&&!I){m();return true; -}else{if(C.position===G&&I){d();return true;}}}return{activate:m,deactivate:d,isActive:function(){return I;}};})();},getQuery:function(){var a={};location.search.replace(/[A-Z0-9]+?=([\w|:|\/\.]*)/gi,function(b){a[b.split("=").shift()]=b.split("=").pop(); -});return a;}}; \ No newline at end of file +c.cover.style.background="rgba( 0, 0, 0, 0.4 )";c.cover.style.background="-ms-linear-gradient("+C.position+", rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.65) 100%)"; +c.cover.style.background="-moz-linear-gradient("+C.position+", rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.65) 100%)";c.cover.style.background="-webkit-linear-gradient("+C.position+", rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.65) 100%)"; +c.cover.style.opacity=0;c.cover.style[D("transition")]="all .5s ease";c.contentsElement.appendChild(c.cover);}function B(){switch(C.position){case G:c.menuElement.style.width="100%"; +c.menuElement.style.height=C.height+"px";break;case h:c.menuElement.style.right="0";c.menuElement.style.width=C.width+"px";c.menuElement.style.height="100%"; +break;case x:c.menuElement.style.bottom="0";c.menuElement.style.width="100%";c.menuElement.style.height=C.height+"px";break;case r:c.menuElement.style.width=C.width+"px"; +c.menuElement.style.height="100%";break;}c.menuElement.style.display="block";c.menuElement.style.position="fixed";c.menuElement.style.zIndex=1;c.menuElement.style[D("transform")]=i; +c.menuElement.style[D("transformOrigin")]=l;c.menuElement.style[D("transition")]="all .5s ease";}function M(){c.contentsElement.style[D("transform")]=O; +c.contentsElement.style[D("transformOrigin")]=R;c.contentsElement.style[D("transition")]="all .5s ease";}function N(){document.addEventListener("mousedown",K,false); +document.addEventListener("mouseup",Q,false);document.addEventListener("mousemove",b,false);document.addEventListener("touchstart",J,false);document.addEventListener("touchend",H,false); +}function m(){if(!I){I=true;u(c.wrapper,"meny-active");c.cover.style.height=c.contentsElement.scrollHeight+"px";c.cover.style.visibility="visible";c.cover.style.opacity=1; +c.contentsElement.style[D("transform")]=w;c.menuElement.style[D("transform")]=F;}}function d(){if(I){I=false;o(c.wrapper,"meny-active");c.cover.style.visibility="hidden"; +c.cover.style.opacity=0;c.contentsElement.style[D("transform")]=O;c.menuElement.style[D("transform")]=i;}}function k(T,S){for(var U in S){T[U]=S[U];}}function D(W,V){var T=W.slice(0,1).toUpperCase()+W.slice(1); +for(var U=0,S=A.length;UC.height){d(); +}else{if(WT-C.activateThreshold){m();}}break;case x:var U=c.wrapper.offsetHeight; +if(WU-C.activateThreshold){m();}}break;case r:if(S>C.width){d();}else{if(St+C.activateThreshold){S=p;}else{if(touchMoveYtouchStartY+C.activateThreshold){S=f;}if(S&&S()){T.preventDefault();}}function H(S){document.removeEventListener("touchmove",L,false); +if(q===null&&touchMoveY===null){j();}}function j(){}function p(){if(C.position===h&&I){d();return true;}else{if(C.position===r&&!I){m();return true;}}}function P(){if(C.position===h&&!I){m(); +return true;}else{if(C.position===r&&I){d();return true;}}}function f(){if(C.position===x&&I){d();return true;}else{if(C.position===G&&!I){m();return true; +}}}function s(){if(C.position===x&&!I){m();return true;}else{if(C.position===G&&I){d();return true;}}}return{activate:m,deactivate:d,isActive:function(){return I; +}};})();},getQuery:function(){var a={};location.search.replace(/[A-Z0-9]+?=([\w|:|\/\.]*)/gi,function(b){a[b.split("=").shift()]=b.split("=").pop();}); +return a;}}; \ No newline at end of file