Cursor following menu demo

Developer
Stan Williams
Size
8,080 Kb
Views
32,384
  1. Cursor following menu demo Previews
  2. Cursor following menu demo HTML Codes
  3. Cursor following menu demo CSS Codes
  4. Cursor following menu demo JS Codes

How do I make an cursor following menu demo?

Cursor following menu demo with CSS and Jquery. What is a cursor following menu demo? How do you make a cursor following menu demo? This script and codes were developed by Stan Williams on 08 September 2022, Thursday.

Cursor following menu demo Previews
IQ Test

Cursor following menu demo - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>cursor following menu demo</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<link href="malihu.cfm.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
</head>
<body>
<!-- cursor following menu -->
<div id="cf_menu">	<div class="container">	<div class="title">MENU</div>	<ul>	<li><a href="#" onclick="Animate2id('#home');return false">&uarr; Home</a></li>	<li><a href="#" onclick="Animate2id('#about');return false">About me</a></li>	<li><a href="work">+ Work</a>	<ul>	<li><a href="#" onclick="Animate2id('#recent');return false">Recent</a></li>	<li><a href="#" onclick="Animate2id('#web');return false">Web</a></li> <li><a href="#" onclick="Animate2id('#print');return false">Print</a></li>	</ul>	</li>	<li><a href="#" onclick="Animate2id('#blog');return false">Blog</a></li>	<li><a href="links">+ Interesting links</a> <ul>	<li><a href="#" onclick="Animate2id('#freebies');return false">Freebies &amp; Resources</a></li> <li><a href="#" onclick="Animate2id('#people');return false">People</a></li>	</ul>	</li>	<li><a href="#" onclick="Animate2id('#contact');return false">Contact</a></li> <li><a href="info">+ Script info</a> <ul>	<li><a href="https://manos.malihu.gr/cursor-following-menu/">See the post</a></li> <li><a href="https://manos.malihu.gr/tuts/cursor_following_menu.zip">&darr; Download</a></li>	</ul>	</li> <li><a href="https://manos.malihu.gr">malihu</a></li>	</ul>	</div>
</div>
<!-- --------------------- -->
<!-- demo content markup -->
<div class="demo_content">
<h1>cursor following menu demo</h1>
<hr />
<h2 id="home">Lorem ipsum dolor sit amet</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin arcu sapien, malesuada vitae volutpat eu, volutpat et sem. Ut augue dui, varius at porttitor et, condimentum a lectus. Sed luctus vulputate lacus, ac rhoncus neque commodo vitae. In egestas iaculis placerat. Nullam sit amet orci ut augue sodales porta nec eu velit. Mauris vitae massa ligula, sed convallis leo. Aenean pulvinar metus at ante suscipit aliquam. Mauris non diam a neque ullamcorper laoreet sit amet eget leo. Phasellus quis quam ut libero facilisis eleifend. Donec ac massa leo, vel tincidunt est. Vestibulum id metus interdum felis aliquam malesuada. Donec auctor dui vestibulum leo sodales et fermentum ante ornare. Aliquam ac ante non nisi fermentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec sodales mattis leo, sit amet elementum nulla eleifend eu. Quisque euismod, eros in adipiscing aliquam, sem risus facilisis diam, a condimentum enim metus quis odio. Duis ac ligula eget erat consequat fermentum ultrices vitae massa. </p>
<blockquote><span class="bqstart">&#8220;</span>Nullam sit amet orci ut augue sodales porta nec eu velit. Mauris vitae massa ligula, sed convallis leo. Aenean pulvinar metus at ante suscipit aliquam. Mauris non diam a neque ullamcorper laoreet sit amet eget leo.<span class="bqend">&#8221;</span></blockquote>
<hr />
<h2 id="about">About me</h2>
<p class="inner_white">Mauris fringilla viverra molestie. Fusce suscipit placerat ligula, in ultricies est venenatis nec. Vestibulum condimentum sollicitudin lorem et imperdiet. Integer cursus auctor bibendum. Morbi enim lorem, feugiat vehicula rhoncus ut, dapibus sed ante. Maecenas euismod aliquet erat, euismod vestibulum augue pellentesque ut. Donec at lectus at orci convallis suscipit at sed enim. Sed id mi vel leo auctor consectetur. Nam vestibulum, dolor venenatis dignissim tincidunt, nulla sapien posuere quam, sed elementum ipsum nisi vel risus. Donec pretium, nibh sed accumsan fringilla, turpis eros consequat quam, a ornare libero magna quis enim. Aenean eget urna augue. <br /><br />Nunc faucibus, nunc eget hendrerit egestas, nisi justo gravida orci, quis tincidunt urna elit sit amet enim. Aliquam nisi justo, faucibus sit amet tincidunt quis, blandit eu dui. Integer aliquet purus id orci auctor facilisis. Ut porttitor mattis metus, quis interdum purus egestas ut. Proin commodo urna eget leo lacinia vitae molestie est dictum. Donec eu rhoncus turpis. <br /><br />Praesent mattis vulputate facilisis. Aliquam malesuada quam eu eros posuere interdum. Pellentesque ullamcorper velit eget mi iaculis euismod dictum ipsum porta. Maecenas ornare ante at tortor varius eget lacinia lacus pretium. Etiam nec erat sapien, ut pretium ipsum. </p>
<h2>My work</h2>
<p>Nunc faucibus, nunc eget hendrerit egestas, nisi justo gravida orci, quis tincidunt urna elit sit amet enim. Aliquam nisi justo, faucibus sit amet tincidunt quis, blandit eu dui.</p>
<h3 id="recent">Recent projects</h3>
<p>Integer aliquet purus id orci auctor facilisis. </p>
<p>Ut porttitor mattis metus, quis interdum purus egestas ut. </p>
<p>Proin commodo urna eget leo lacinia vitae molestie est dictum. </p>
<p>Donec eu rhoncus turpis. Praesent mattis vulputate facilisis. Aliquam malesuada quam eu eros posuere interdum. Pellentesque ullamcorper velit eget mi iaculis euismod dictum ipsum porta. Maecenas ornare ante at tortor varius eget lacinia lacus pretium. Etiam nec erat sapien, ut pretium ipsum. </p>
<h3 id="web">Web design/development</h3>
<p>Integer aliquet purus id orci auctor facilisis. </p>
<p>Ut porttitor mattis metus, quis interdum purus egestas ut. </p>
<p>Proin commodo urna eget leo lacinia vitae molestie est dictum. </p>
<h3 id="print">Print/DTP</h3>
<p>Donec eu rhoncus turpis. Praesent mattis vulputate facilisis. </p>
<p>Aliquam malesuada quam eu eros posuere interdum. </p>
<p>Pellentesque ullamcorper velit eget mi iaculis euismod dictum ipsum porta. Maecenas ornare ante at tortor varius eget lacinia lacus pretium. Etiam nec erat sapien, ut pretium ipsum. </p>
<hr />
<h2 id="blog">Blog</h2>
<p class="inner">In bibendum, turpis id cursus consequat, risus turpis venenatis mauris, in feugiat felis est vitae tortor. Phasellus a vestibulum est. Etiam aliquam, magna auctor rutrum faucibus, sapien nibh porttitor leo, sit amet dignissim lorem mauris ac tortor. Etiam ut leo vitae felis vulputate tincidunt. Nam at enim neque. Sed porttitor gravida varius. Aliquam ultrices congue urna vehicula accumsan. Curabitur odio nunc, rutrum vitae faucibus dignissim, pulvinar nec orci. Mauris id justo ut dolor vehicula tristique ut id urna. Quisque sed velit ac enim semper ornare. In eu mauris nulla, eget tincidunt nunc. Vivamus felis odio, malesuada sit amet accumsan in, venenatis eget arcu. Pellentesque dolor ipsum, tincidunt nec porttitor eget, lobortis nec nisl. Nunc urna lorem, congue eget accumsan vitae, blandit rhoncus nulla. Aenean quis placerat dolor. </p>
<h2>Links</h2>
<p>Proin posuere nisi ac lorem viverra tincidunt. Nunc porta ornare diam, nec fermentum nisi dictum nec. Nam odio nibh, blandit a fermentum eget, posuere sed erat. Pellentesque semper porttitor dapibus.</p>
<h3 id="freebies">Freebies &amp; Resources</h3>
<p>Integer aliquet purus id orci auctor facilisis. </p>
<p>Ut porttitor mattis metus, quis interdum purus egestas ut. </p>
<p>Proin commodo urna eget leo lacinia vitae molestie est dictum. </p>
<h3 id="people">People</h3>
<p>Donec eu rhoncus turpis. Praesent mattis vulputate facilisis. </p>
<p>Aliquam malesuada quam eu eros posuere interdum. </p>
<p>Integer aliquet purus id orci auctor facilisis. </p>
<p>Ut porttitor mattis metus, quis interdum purus egestas ut. </p>
<p>Proin commodo urna eget leo lacinia vitae molestie est dictum. </p>
<hr />
<h2 id="contact">Contact info</h2>
<p>Proin posuere nisi ac lorem viverra tincidunt. Nunc porta ornare diam, nec fermentum nisi dictum nec. Nam odio nibh, blandit a fermentum eget, posuere sed erat. Pellentesque semper porttitor dapibus. Mauris commodo augue in nisl rhoncus volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus tempor est ac leo ultrices venenatis. Vivamus in leo eros, eget commodo nibh. Aenean dolor felis, imperdiet venenatis auctor gravida, tempus ac arcu. Proin egestas eros vitae metus porttitor eget euismod massa commodo. Cras eleifend magna quis arcu mollis a aliquam sem imperdiet. Sed varius scelerisque elit, ac luctus felis vestibulum at. Maecenas in eros sed turpis varius sagittis. Proin fermentum feugiat dui, vel molestie arcu lobortis sed. </p>
<p class="inner_white">Aenean vitae sem a est porttitor adipiscing. Fusce nec eros orci, nec adipiscing velit. Integer a commodo nisi. Donec blandit tincidunt egestas. Cras eu felis quis sapien luctus convallis. Etiam luctus, orci auctor congue imperdiet, nisl lorem feugiat erat, ac ultrices augue nunc non nisl.</p>
</div>
<!-- ------------------- -->
<script>
//cursor following menu config
$mouseover_title="+ MENU"; //menu title text on mouse-over
$mouseout_title="MENU"; //menu title text on mouse-out
$menu_following_speed=2000; //the speed in which the menu follows the cursor (in milliseconds)
$menu_following_easing="easeOutCirc";
$menu_cursor_space=30; //space between cursor and menu
$menu_show_speed="slow"; //menu open animation speed
$menu_show_easing="easeOutExpo"; //menu open animation easing type
$menu_hide_speed="slow"; //menu close animation speed
$menu_hide_easing="easeInExpo"; //menu close animation easing type
</script>
<script src="malihu.jquery.cfm.js"></script>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>

Cursor following menu demo - Script Codes CSS Codes

@charset "utf-8";
/* cursor following menu style */
#cf_menu{position:absolute; display:inline-block; z-index:10; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; top:0; left:0; background:url(empty.gif);} /* stupid IE needs a background value */
#cf_menu .container{position:relative; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#cf_menu .title{position:relative; display:inline-block; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#333; font-size:10px; text-transform:uppercase; text-decoration:none; margin:1px; color:#fff; padding:5px 8px;}
#cf_menu ul{margin:0; padding:0; list-style:none; display:none;}
#cf_menu ul li{margin:0; padding:0;}
#cf_menu ul ul{margin:0 0 0 2px; padding:0; list-style:none; display:inline-block;}
#cf_menu ul ul li{margin:0 2px 0 0; padding:0; display:inline-block;}
#cf_menu a:link,#cf_menu a:visited{position:relative; display:inline-block; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:10px; text-transform:uppercase; text-decoration:none; margin:1px 1px 5px 1px; padding:5px 8px; border-bottom:1px solid #f33; border-right:1px solid #f33; color:#fff; background:#f33;}
#cf_menu a:hover{background:#fff; color:#000; border-bottom:1px solid #000; border-right:1px solid #000;}
#cf_menu ul ul a:link,#cf_menu ul ul a:visited{background:#333; color:#ddd; border-bottom:1px solid #333; border-right:1px solid #333;}
#cf_menu ul ul a:hover{background:#fff; color:#000;}
.cf_menu_transparency{filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity:0.25; opacity:0.25;} /* menu opacity */

Cursor following menu demo - Script Codes JS Codes


//cache vars
$menu=$("#cf_menu");
$menu_title=$("#cf_menu .title");
$menu_container=$("#cf_menu .container");
$menu_ul=$("#cf_menu ul:first");
$menu_li=$("#cf_menu li");
$menu_ul_ul=$("#cf_menu ul ul");
$menu_a=$("#cf_menu a");
$(window).load(function() {	MoveMenu();	$menu_ul_ul.hide();	$menu.addClass("cf_menu_transparency");	function MouseMove(e){	var posY=e.pageY+$menu_cursor_space;	var posX=e.pageX+$menu_cursor_space;	$menu.stop().animate({top:posY ,left:posX}, $menu_following_speed,$menu_following_easing);	if($menu_ul.is(":visible")){	$menu_ul.slideUp($menu_hide_speed,$menu_hide_easing,function(){	$menu_title.show("fast","easeOutCirc");	});	}	}	function MoveMenu(){	$("body").bind("mousemove", function(event){	MouseMove(event);	});	}	$menu.hover( //menu mouse over	function(){	var $this=$(this);	$("body").unbind("mousemove");	$this.stop().removeClass("cf_menu_transparency");	$menu_title.html($mouseover_title);	},	function(){ //menu mouse out	var $this=$(this);	$this.stop().addClass("cf_menu_transparency");	$menu_title.html($mouseout_title);	if($menu.data("curr_sub_menu")){	HideSubMenu($menu.data("curr_sub_menu"));	}	MoveMenu();	}	);	//menu click	$menu.bind("click", function(event){	var $this=$(this);	$this.stop();	$menu_title.hide("fast","easeOutCirc",function(){	$menu_ul.slideDown($menu_show_speed,$menu_show_easing);	});	});	//menu option click	$menu_a.bind("click", function(event){	var $this=$(this);	if($this.parent("li").children("ul").length){	event.preventDefault();	if($menu.data("curr_sub_menu")){	HideSubMenu($menu.data("curr_sub_menu"));	}	if($this.parent("li").children("ul").is(":visible") == false){	$this.parent("li").children("ul").fadeIn("fast","easeInExpo");	$menu.data("curr_sub_menu",$this);	}	}	});	function HideSubMenu(submenu){	submenu.parent("li").children("ul").fadeOut("fast","easeOutExpo");	}
});
//animate page
function Animate2id(id2Animate){	var animSpeed=1500; //animation speed var easeType="easeInOutExpo"; //easing type if($.browser.webkit){ //webkit browsers do not support animate-html $("body").stop().animate({scrollTop: $(id2Animate).offset().top}, animSpeed, easeType); } else { $("html").stop().animate({scrollTop: $(id2Animate).offset().top}, animSpeed, easeType); }
}
//
/* * jQuery Easing v1.3 - https://gsgd.co.uk/sandbox/jquery/easing/ * * Uses the built in easing capabilities added In jQuery 1.1 * to offer multiple easing options * * TERMS OF USE - jQuery Easing * * Open source under the BSD License. * * Copyright © 2008 George McGinley Smith * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. *
*/
// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.extend( jQuery.easing,
{	def: 'easeOutQuad',	swing: function (x, t, b, c, d) {	//alert(jQuery.easing.default);	return jQuery.easing[jQuery.easing.def](x, t, b, c, d);	},	easeInQuad: function (x, t, b, c, d) {	return c*(t/=d)*t + b;	},	easeOutQuad: function (x, t, b, c, d) {	return -c *(t/=d)*(t-2) + b;	},	easeInOutQuad: function (x, t, b, c, d) {	if ((t/=d/2) < 1) return c/2*t*t + b;	return -c/2 * ((--t)*(t-2) - 1) + b;	},	easeInCubic: function (x, t, b, c, d) {	return c*(t/=d)*t*t + b;	},	easeOutCubic: function (x, t, b, c, d) {	return c*((t=t/d-1)*t*t + 1) + b;	},	easeInOutCubic: function (x, t, b, c, d) {	if ((t/=d/2) < 1) return c/2*t*t*t + b;	return c/2*((t-=2)*t*t + 2) + b;	},	easeInQuart: function (x, t, b, c, d) {	return c*(t/=d)*t*t*t + b;	},	easeOutQuart: function (x, t, b, c, d) {	return -c * ((t=t/d-1)*t*t*t - 1) + b;	},	easeInOutQuart: function (x, t, b, c, d) {	if ((t/=d/2) < 1) return c/2*t*t*t*t + b;	return -c/2 * ((t-=2)*t*t*t - 2) + b;	},	easeInQuint: function (x, t, b, c, d) {	return c*(t/=d)*t*t*t*t + b;	},	easeOutQuint: function (x, t, b, c, d) {	return c*((t=t/d-1)*t*t*t*t + 1) + b;	},	easeInOutQuint: function (x, t, b, c, d) {	if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;	return c/2*((t-=2)*t*t*t*t + 2) + b;	},	easeInSine: function (x, t, b, c, d) {	return -c * Math.cos(t/d * (Math.PI/2)) + c + b;	},	easeOutSine: function (x, t, b, c, d) {	return c * Math.sin(t/d * (Math.PI/2)) + b;	},	easeInOutSine: function (x, t, b, c, d) {	return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;	},	easeInExpo: function (x, t, b, c, d) {	return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;	},	easeOutExpo: function (x, t, b, c, d) {	return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;	},	easeInOutExpo: function (x, t, b, c, d) {	if (t==0) return b;	if (t==d) return b+c;	if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;	return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;	},	easeInCirc: function (x, t, b, c, d) {	return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;	},	easeOutCirc: function (x, t, b, c, d) {	return c * Math.sqrt(1 - (t=t/d-1)*t) + b;	},	easeInOutCirc: function (x, t, b, c, d) {	if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;	return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;	},	easeInElastic: function (x, t, b, c, d) {	var s=1.70158;var p=0;var a=c;	if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;	if (a < Math.abs(c)) { a=c; var s=p/4; }	else var s = p/(2*Math.PI) * Math.asin (c/a);	return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;	},	easeOutElastic: function (x, t, b, c, d) {	var s=1.70158;var p=0;var a=c;	if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;	if (a < Math.abs(c)) { a=c; var s=p/4; }	else var s = p/(2*Math.PI) * Math.asin (c/a);	return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;	},	easeInOutElastic: function (x, t, b, c, d) {	var s=1.70158;var p=0;var a=c;	if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);	if (a < Math.abs(c)) { a=c; var s=p/4; }	else var s = p/(2*Math.PI) * Math.asin (c/a);	if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;	return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;	},	easeInBack: function (x, t, b, c, d, s) {	if (s == undefined) s = 1.70158;	return c*(t/=d)*t*((s+1)*t - s) + b;	},	easeOutBack: function (x, t, b, c, d, s) {	if (s == undefined) s = 1.70158;	return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;	},	easeInOutBack: function (x, t, b, c, d, s) {	if (s == undefined) s = 1.70158;	if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;	return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;	},	easeInBounce: function (x, t, b, c, d) {	return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;	},	easeOutBounce: function (x, t, b, c, d) {	if ((t/=d) < (1/2.75)) {	return c*(7.5625*t*t) + b;	} else if (t < (2/2.75)) {	return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;	} else if (t < (2.5/2.75)) {	return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;	} else {	return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;	}	},	easeInOutBounce: function (x, t, b, c, d) {	if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;	return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;	}
});
/* * * TERMS OF USE - EASING EQUATIONS * * Open source under the BSD License. * * Copyright © 2001 Robert Penner * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. * */
/*
Modified by: stan williams http://stans-songs.com and http://stanwilliamsmusic.com
original author Manos Malihutsakis https://manos.malihu.gr
Originally under Creative Commons Attribution 3.0 Unported License
http://creativecommons.org/licenses/by/3.0/
and/or GNU Lesser General Public License.
http://www.gnu.org/licenses/lgpl.html
*/
Cursor following menu demo - Script Codes
Cursor following menu demo - Script Codes
Home Page Home
Developer Stan Williams
Username Stanssongs
Uploaded September 08, 2022
Rating 3
Size 8,080 Kb
Views 32,384
Do you need developer help for Cursor following menu demo?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Stan Williams (Stanssongs) Script Codes
Name
Animated Digital Flip Clock
Responsive Company Page
Circular rotating music player with menu on back with html5 javascript and css3
Background Image Slideshow Menu
Off-Canvas LeftResponsive Page with hidden music player widget in left sidebar
Horizontal Menu Demo
A Pen by Stan Williams
HTML5 Player with Flash fallback for non supporting browsers.
3D Book
Bootstrap Fontawesome Icon Social Buttons
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!