Results 1 to 3 of 3

Thread: Rewriting an animated flash menu in JavaScript

  1. #1
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default Rewriting an animated flash menu in JavaScript

    I have been asked to create an animated menu for a client that resembles this flash one:
    http://www2.tvr.ro/eurovision/flash/header.swf
    Since I don't have any knowledge of flash I thought I would try to write this in JavaScript, using jQuery or MooTools. As you can see, the animations are a bit more complex than your average JavaScript menu so I was wondering if you guys think this will be possible. The client specifically asked for the bounciness that you can see in the flash menu, so using simple slideDown and slideUp in jQuery is not enough.

    So, would you think it's possible to create a similar menu using JavaScript?
    Last edited by Snookerman; 04-21-2009 at 06:53 AM. Reason: added "Resolved" prefix
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  2. #2
    Join Date
    Sep 2008
    Location
    Bristol - UK
    Posts
    842
    Thanks
    32
    Thanked 132 Times in 131 Posts

    Default

    Personally I don't think it will be possible to convert the menu, JavaScript can do a lot, but it won't come out exactly like that. You may be able to recreate some parts of it but flash will always have an extra edge that JavaScript can't match. You'll have to wait for one of the JavaScript gurus to reply though, then we'll see.
    Last edited by Schmoopy; 01-31-2009 at 07:52 PM.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,373
    Thanks
    77
    Thanked 3,421 Times in 3,382 Posts
    Blog Entries
    12

    Default

    Mootools has the bounce transition:

    http://mootools.net/docs/Fx/Fx.Trans...sitions:bounce

    which may be applied during its Fx.Morph and other Fx.

    jQuery has only linear and swing easing properties by default for for its animate function, but these may be extended with available plug ins.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •