Web Development Starts Here…

Sliding Hover menu using mootools 1.2 | Menu hover effect using mootools 1.2 tween effect

Posted by on Aug 16, 2010 in CSS, HTML, Javascript, Mootools | 3 comments

Sliding Hover menu using mootools 1.2 | Menu hover effect using mootools 1.2 tween effect

Recently I was surfing and found one very stylish menu built in flash. It was just awesome.

I have analyzed it for some time and found that this can also be done with java script also. Actually I am big fan of mootools so I have picked that for this task and you can see the result at the demo page.
Menu Hover effect
Only used mootools tween effect to make this work. Obviously there is a bit of css involved in this.

In css part all the things done by background-position.

Hope you like this. Here is the demo for the menu. Demo

3 Comments

Join the conversation and post a comment.

  1. evnisha

    good effect

    • Naitra jain

      this is really nice post.
      i like the sliding effects.
      Where to down load link?

      • xpertdev

        Hi,
        I will add it soon…

Trackbacks/Pingbacks

  1. Tweets that mention Sliding Hover menu using mootools 1.2 | Menu hover effect using mootools 1.2 tween effect | Xpert Developer -- Topsy.com - [...] This post was mentioned on Twitter by Avinash Zala, Avinash Zala. Avinash Zala said: Hi Check this: http://www.xpertdeveloper.com/2010/08/sliding-hover-menu-using-mootools-tween-effect/ [...]

Leave a Comment