# How to do this menu effect

**URL:** <https://forum.kirupa.com/t/how-to-do-this-menu-effect/23702>\
**Category:** flash\
**Created:** [June 21, 2003, 5:57am UTC](https://forum.kirupa.com/t/how-to-do-this-menu-effect/23702 "2003-06-21T05:57:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![cool\_blue](https://avatars.discourse-cdn.com/v4/letter/c/eada6e/32.png) [@cool\_blue](https://forum.kirupa.com/u/cool_blue)\
**Post date:** [June 21, 2003, 5:57am UTC](https://forum.kirupa.com/t/how-to-do-this-menu-effect/23702/1 "2003-06-21T05:57:12Z")

</div>

HI!!

just check this site…the menu is too good…its kind of eleastic property  
manually its possible, how do i make it through action Script

I just want ur help cos iam not good at Action script

the site is

> **[Destinasi Wisata Lengkap di Indonesia 2024](https://www.lookandfeel.com/)**
>
> Lookandfeel menyediakan tempat destinasi wisata terlengkap untuk dijadikan referensi Anda dalam mengisi liburan

thankx  
:thumb: :crazy:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 21, 2003, 6:14am UTC](https://forum.kirupa.com/t/how-to-do-this-menu-effect/23702/2 "2003-06-21T06:14:56Z")

</div>

[http://www.kirupaforum.com/forums/showthread.php?s=&threadid=8673](http://www.kirupaforum.com/forums/showthread.php?s=&threadid=8673)

^point in right direction… (of course xscale and yscale should be changed to \_x and \_y, or just remove all \_x traces since you won’t be moving that way)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 21, 2003, 8:18am UTC](https://forum.kirupa.com/t/how-to-do-this-menu-effect/23702/3 "2003-06-21T08:18:23Z")

</div>

no not working…  
can u explain me a bit further  
THANKX A MILLION

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 21, 2003, 3:49pm UTC](https://forum.kirupa.com/t/how-to-do-this-menu-effect/23702/4 "2003-06-21T15:49:36Z")

</div>

Put this on a frame…  
[AS]  
//elastic function (created by Senocular)  
MovieClip.prototype.elasticMove = function(targt, accel, friction) {  
this.speed += (targt - this.\_y) \* accel;  
this.speed \*= friction;  
this.\_y += this.speed;  
}  
//set the original position, you can do this using the first menu drop down  
//since all of them should be at the same position starting off  
var origY = menuItem1InstanceName.\_y  
//target one of your menu item clips and add an onEnterFrame handler  
menuItem1InstanceName.onEnterFrame = function() {  
//use hitTest to detect if mouse is over clip  
if (this.hitTest(\_root.\_xmouse, \_root.\_ymouse, true)){  
//spring to new position  
this.elasticMove(positionToSpringTo, .5, .6);  
} else {  
//else spring back to the original location when mouse is off  
this.elasticMovie(origY, .5, .6);  
}  
};[/AS]

Now create your drop menu frame and convert it into a movie clip symbol. I recommend setting your registration point in the top center for this, it would make for easier calculations for positioning. After that give it an instance name then double click your symbol and add your menu items inside (buttons or whatever)