Menu

48 Free Dropdown Menu In HTML5 And CSS3

HTML5 and CSS3 have totally revolutionized the designing and development. Now designers and web developers are capable of creating more functional and visually appealing websites because HTML5 and CSS3 offer many features and several techniques with which you can create interesting and creative websites. Both of these languages are easy to use and manage and allow users to create loads of amazing effects and appealing looks for their websites. Furthermore, a huge plethora of online tutorials is available on the internet to help those who want to learn these languages.

Professional as well as amateur designers love to experiment with these languages in order to come up with something new and interesting. In this collection, we have put together some of the best and free to use dropdown menu for you that are based on HTML5 and CSS3. We hope that this collection will help you in creating effective and eye catching CSS3 dropdown menu. So, without any further ado here we are presenting the complete list of Dropdown menus in HTML5 and CSS3 for you. We hope that you will like this collection.

Dark Menu: Pure CSS3 Two Level Menu

( Demo | Download )

Pure CSS3 LavaLamp Menu

( Demo | Download )

HTML5/CSS3 Gray Navigation Menu

( Demo | Download )

How to Build and Enhance a 3-Level Navigation Menu

( Demo | Download )

CSS3 Minimalistic Navigation Menu

( Demo | Download )

Slide Down Box Menu with jQuery and CSS3

( Demo | Download )

Create a stunning menu in CSS3

( Demo | Download )

Elegant Dark CSS3 Menu Template

( Demo | Download )

Musical drop down menu

( Demo | Download )

Creating CSS3 Dropdown Menu

( Demo | Download )

CSS3 vertical multicolor 3D menu

( Demo | Download )

Creating an Accordian like CSS3 Onclick Vertical Navigation

( Demo | Download )

Creative CSS3 Animation Menus

( Demo | Download )

Mega menu with HTML5 and CSS3

( Demo | Download )

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

( Demo | Download )

Making a CSS3 Animated Menu

( Demo | Download )

Creating a cool CSS3 Dropdown Menu

( Demo | Download )

CSS3 Dropdown Menu

( Demo | Download )

Click action Multi-level CSS3 Dropdown Menu

( Demo | Download )

Creating a CSS3 Dropdown Menu

( Demo | Download )

Office Style CSS3 Multilevel Menu

( Demo | Download )

Creating a Marble Style CSS3 Navigation Menu

( Demo | Download )

Creating a Toggle CSS3 Bottom Navigation Bar

( Demo | Download )

jQuery style menu with CSS3

( Demo | Download )

How to Create a Drop-down Nav Menu With HTML5, CSS3 and JQuery

( Demo | Download )

CSS3 navigation menu inspired

( Demo)

HTML5 Canvas Navigation menu with Fire

( Demo | Download )

Collection of menu effects

( Demo)

Another simple yet amazing dropdown menu in pure CSS3

( Demo)

Fanciest Dropdown Menu You Ever Saw

( Demo )

jQuery & CSS Example – Dropdown Menu

( Demo)

Vertical Slide Hover Effect for Menu Bars with CSS3

( Demo)

CSS3 Scroll Drop Down Menu

( Demo)

CSS3 multilevel menu with transition and animation

( Demo | Download )

Soothing CSS3 Dropdown Animation

( Demo)

Creating a Multilevel CSS3 Metal Navigation with icons

( Demo | Download )

Creating CSS3 Slideout Menu #5

( Demo | Download )

Creating A CSS3 Dropdown Menu

( Demo | Download )

Large Pressable CSS3 Navigation

( Demo)

Creating a Click-action CSS3 Dropdown Menu with jQuery

( Demo | Download )

CSS navigation bar with dropdown Menu Transition Effect

( Demo)

CSS3 Dropdown Menu

( Demo)

Pure CSS DropDown Menu

( Demo)

Clean and Minimal Menu Navigation in Pure CSS3

( Demo)

Responsive CSS3 Menu with Dropdown

( Demo | Download )

Skyrim-inspired Drop Down Menu

( Demo)

Free CSS Drop-Down Menu Framework

( Demo | Download )

CSS3 animated dropdown menu

( Demo)

18 Effective CSS3 Pressable 3D Buttons To Make Your Website More Interactive

Here we are showcasing 18 truly amazing and excellent pressable 3D buttons with pure CSS3 for you to download for free. In this collection, 3D buttons are created by using CSS3, and you can easily integrate these buttons in your websites or blogs. With these buttons, you can make your website look more interactive and visually appealing.

CSS3 has greatly improved the way websites were developed in the past. Now, you can have more control on animated elements in your web design. So, let us take a look at this collection and feel free to share your opinion with us via comment section below.

CSS3 Colored Buttons

( Demo | Download )

CSS3 Buttons With a Glass Edge

( Demo | Download )

Beautiful Pure CSS3 Buttons

( Demo | Download )

Play Button in CSS3

( Demo | Download )

BonBon Buttons

( Demo | Download )

Push it

( Demo | Download )

3D Button

( Demo | Download )

Cross Browser Pure CSS3 Button Demo

( Demo | Download )

Chunky 3D CSS3 Buttons

( Demo | Download )

Pure CSS3 Buttons

( Demo | Download )

Pure CSS3 Dynamic Buttons

( Demo | Download )

Build Awesome Practical CSS3 Buttons

( Demo | Download )

Animated Push Button

( Demo | Download )

3D Download Button

( Demo | Download )

Brushed Metal Electric Button

( Demo | Download )

Push the Buttons

( Demo | Download )

Pure CSS3 animated buttons

( Demo | Download )

Fancy 3D-Button

( Demo | Download )

70+ Ultimate Collection Of Inspirations And Tutorial Resources For Designers To Discover The Best Of The Web In August

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 70+ Ultimate Collection Of Inspirations And Tutorial Resources For Designers For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

You are welcome to share if you know more best of the web in the month of August which our readers/viewers may like.  Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

53 Amazing Blender Tutorials

53 Amazing Blender Tutorials

11 Mindblowing Digital Painting Tutorials

11 Mindblowing Digital Painting Tutorials

25+ 3D Text Tutorials to Enhance your Photoshop Skills

25+ 3D Text Tutorials to Enhance your Photoshop Skills

30 Creative Illustrator Logo Design Tecniques and Tutorials

30 Creative Illustrator Logo Design Tecniques and Tutorials

40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials 

40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials

33 Newly Fresh Web Design Layout Tutorials

33 Newly Fresh Web Design Layout Tutorials

27 Useful Logo Design Tutorials and Tips

27 Useful Logo Design Tutorials and Tips

25 Magazine-Style Layouts for Your Design Inspiration

25 Magazine-Style Layouts for Your Design Inspiration

Creating Colorful Disco Lines Effect 

Creating Colorful Disco Lines Effect

Design a creative cosmetics layout with Photoshop

Design a creative cosmetics layout with Photoshop

17 Noteworthy Typographic Tutorials

17 Noteworthy Typographic Tutorials

How to Design the Web in a High-Def World

How to Design the Web in a High-Def World

40 (NEW) High Quality Adobe Photoshop Tutorials

40 (NEW) High Quality Adobe Photoshop Tutorials

How to Create a Fantasy Landscape Photo Manipulation

How to Create a Fantasy Landscape Photo Manipulation

How to Draw Anime Complete Guide

How to Draw Anime Complete Guide

3d Retro Strip Design

3d Retro Strip Design

Create a Trendy Galactic Poster Design in Photoshop

Create a Trendy Galactic Poster Design in Photoshop

Abstract Vector Art

Abstract Vector Art

25 Cool Digital Photography Tutorials, Techniques and Effects

25 Cool Digital Photography Tutorials, Techniques and Effects

Mastering Photoshop With Paths

Mastering Photoshop With Paths

Design a 3D Box Icon in Photoshop

Design a 3D Box Icon in Photoshop

Artwork, Digital Photography and Inspiration

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

50 Gorgeous Flash Websites You Definitely Should See

50 Gorgeous Flash Websites You Definitely Should See

45 Inspirational Corporate Website Designs

45 Inspirational Corporate Website Designs

27 Colorful And Futuristic Innovations In Product Design

27 Colorful And Futuristic Innovations In Product Design

20 Beautiful Digital Portraits of Women

20 Beautiful Digital Portraits of Women

25 Beautiful Examples Of Typography Portraits

25 Beautiful Examples Of Typography Portraits

50 Incredible Examples of Battle Art

50 Incredible Examples of Battle Art

30 Creative Examples of Javascript Slider & Scrollers

30 Creative Examples of Javascript Slider & Scrollers

10 Outstanding 3D Character Designs and Illustrations

10 Outstanding 3D Character Designs and Illustrations

40 + simple and elegant business card designs

40 + simple and elegant business card designs

30 Stunning, Absolutely Magical Photo Manipulations Focusing on Human Eye

30 Stunning, Absolutely Magical Photo Manipulations Focusing on Human Eye

A Showcase of Beautiful Packaging Designs

A Showcase of Beautiful Packaging Designs

20 Stunning & Surreal Illustrations of Male Characters

20 Stunning & Surreal Illustrations of Male Characters

25 Amazing Flash Portfolio Sites

25 Amazing Flash Portfolio Sites

100 Artworks From the Top Digital Artists in the USA & Canada

100 Artworks From the Top Digital Artists in the USA & CanadaBeautiful Single Page Website Designs: 65 New Examples

Beautiful Single Page Website Designs: 65 New Examples

45 Amazing Examples of Code Generated and 3D CG Artworks

45 Amazing Examples of Code Generated and 3D CG Artworks

Amazing Retro Futurism Design Showcase & Tutorials

Amazing Retro Futurism Design Showcase & Tutorials

20 Amazing HDR Photos

20 Amazing HDR Photos

50 Beautiful And Creative Logos With Heart

50 Beautiful And Creative Logos With Heart

30 Impressive Photo Manipulation Images

30 Impressive Photo Manipulation Images

35 Hugely Expressive Works of Digital Art

35 Hugely Expressive Works of Digital Art

26 Really Amazing Realistic 3D Computer Graphics

26 Really Amazing Realistic 3D Computer Graphics

Javascript and Ajax

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
30 Tutorials Combining Both WordPress and jQuery

30 Tutorials Combining Both WordPress and jQuery

22 Beautiful jQuery Plugins for Web Designers

22 Beautiful jQuery Plugins for Web Designers

14 Easy to Implement Drop Down Menu Solutions

14 Easy to Implement Drop Down Menu Solutions

50 Really High Quality Photoshop Navigation Menu Tutorials

50 Really High Quality Photoshop Navigation Menu Tutorials

5 Ways to Make Ajax Calls with jQuery

5 Ways to Make Ajax Calls with jQuery

50 Useful New jQuery Techniques and Tutorials

50 Useful New jQuery Techniques and Tutorials

xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
25+ Great HTML 5 Resources to Get You Started

25+ Great HTML 5 Resources to Get You Started

50+ Stunning CSS3 Articles, Cheat Sheets and Tutorials Collections

50+ Stunning CSS3 Articles, Cheat Sheets and Tutorials Collections

Mastering CSS, Part 2: Advanced Techniques and Tools

Mastering CSS, Part 2: Advanced Techniques and Tools

35 Websites To Teach You How To Use CSS Effectively

35 Websites To Teach You How To Use CSS Effectively

250+ Resources to Help You Become a CSS Expert

250+ Resources to Help You Become a CSS Expert

Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

75 Free Useful Icon Sets for Web Designers and Developers

75 Free Useful Icon Sets for Web Designers and Developers

70+ Awesome Free Textures and Texture Sets

70+ Awesome Free Textures and Texture Sets

25 Classic Fonts That Will Last a Whole Design Career

25 Classic Fonts That Will Last a Whole Design Career

60 Useful Photoshop Actions to Enhance your Photos for Free

60 Useful Photoshop Actions to Enhance your Photos for Free

Free High Resolution Textures for Designers and 3D Artists

Free High Resolution Textures for Designers and 3D Artists

35 (NEW) Modern and High Quality Icon Sets

35 (NEW) Modern and High Quality Icon Sets

25 Excellent Handwritten Fonts

25 Excellent Handwritten Fonts

30 PSDs of Outstanding Digital Paintings 

30 PSDs of Outstanding Digital Paintings

65 Popular And Professional Free Fonts For Creative Typography

65 Popular And Professional Free Fonts For Creative Typography

200+ Excellent Free High Quality Tree Bark Textures

200+ Excellent Free High Quality Tree Bark Textures

35 Original and Creative Free Twitter Icon Sets

35 Original and Creative Free Twitter Icon Sets

Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

30+New Useful WordPress Tricks & Hacks 

30+ New Useful WordPress Tricks & Hacks

15 (More) Free Web Tools To Simplify Your Work Life

15 (More) Free Web Tools To Simplify Your Work Life

20 Free Keyword Research Tools – Comprehensive Insight

20 Free Keyword Research Tools – Comprehensive Insight

21 Great Plugins to Manage Multi-Author Blogs Efficiently

21 Great Plugins to Manage Multi-Author Blogs Efficiently

10 Tools For Finding, Registering And Managing Domain Names

10 Tools For Finding, Registering And Managing Domain Names

6 Ways To Improve Your Web Typography

6 Ways To Improve Your Web Typography

10 WordPress ‘HOW-TO’ to Give Your Blog the Quality it Deserves

10 WordPress ‘HOW-TO’ to Give Your Blog the Quality it Deserves

40+ Must-See Resources And Inspirational Collections For Designers To Discover The Best Of The Web In March

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 40+ Must-See Resources And Inspirational Collections For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

You are welcome to share if you know more best of the web in the month of March which our readers/viewers may like.  Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

You may be interested in these older posts
5 Useful And Free Photo Viewers For Your Mac OS X
31 Masterpieces Of Creative And Clever Advertising Concepts
23 Magical Photographs To Believe That Are Not Photoshopped
13 Premium-Like WordPress Themes That Are Free And Stunning
21 Really Stunning Photoshopped Photos For Creative Inspiration
17 Mind-Blowing Digital Painting Tutorials Of Beautiful Girls
43 Of The Extremely Creative Wonders Of Macro Photography
27 Best Places You Should Visit To Get Incredible Web Design Inspiration!
13 Simple And Elegant Free WordPress Themes
21 Extremely Vibrant And Creative Advertisements With Animals
39 Masterpieces Of Creative Advertisements

17 Digital Image Illustration Which You Probably Never Seen Before!
15 Digital Photo Manipulation From Flickr To Get Inspiration
23 Awesome Photos That Look Like They’re Photoshopped But Are Not

Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

20 Beautiful Photoshop Montage Tutorials

20 Beautiful Photoshop Montage Tutorials

40 Logo Design Tutorials

40 Logo Design Tutorials

30+ Photoshop Tutorials in Creating Amazing Posters

30+ Photoshop Tutorials in Creating Amazing Posters

Post Production Tutorial

Post Production Tutorial

50 Stunning Photoshop Text Effect Tutorials

50 Stunning Photoshop Text Effect Tutorials

Create A Cute Panda Bear Face Icon

Create a Cute Panda Bear Face Icon

40+ High Quality Adobe Fireworks Tutorials, Resources & PNG Files

40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files

15 Tutorials for Recreating Authentic Photo Effects

15 Tutorials for Recreating Authentic Photo Effects

RocknRolla Style Twitter Icon Tutorial

RocknRolla style twitter icon tutorial

25 Photoshop Tutorials for Creating that Perfect Web Page Design

25 Photoshop Tutorials for Creating that Perfect Web Page Design

Use type as a creative effect in Adobe Photoshop

Use type as a creative effect in Adobe Photoshop

How to Create Super-Malleable Effects with Colorful Lines

How to Create Super-Malleable Effects with Colorful Lines

Create An Amazing Diamond Advertisement Poster in Photoshop

Create An Amazing Diamond Advertisement Poster in Photoshop

44 Must Learn Web Design Layout Tutorials in Photoshop

44 Must Learn Web Design Layout Tutorials in Photoshop

Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

40 Excellent Logos Created with Helvetica

40 Excellent Logos Created with Helvetica

Bizarre Surreal and Dark Art Pictures

Bizarre Surreal and Dark Art Pictures

50 Stunningly Creative Interactive Flash Websites

50 Stunningly Creative Interactive Flash Websites

15 Beautiful Typography Inspired Websites

15 Beautiful Typography Inspired Websites

50 Brilliantly Photoshopped Movie Posters

50 Brilliantly Photoshopped Movie Posters

26 Floral Websites in Full Bloom

26 Floral Websites in Full Bloom
25 Beautifully Colorful Websites – Part 4

25 Beautifully Colorful Websites - Part 4

15 Powerful Military Photographs

15 Powerful Military Photographs

30+ Excellent & Inspirational Digital Paintings

30+ Excellent & Inspirational Digital Paintings

25 Impressive and Inspirational Dark CSS Web Designs

25 Impressive and Inspirational Dark CSS Web Designs

Designing Drop-Down Menus: Examples and Best Practices

Designing Drop-Down Menus: Examples and Best Practices

Cartoon Websites and Characters

Cartoon Websites and Characters

Javascript and Ajax

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

25 Powerful and Useful jQuery Tutorials for Developers and Designers

25 Powerful and Useful jQuery Tutorials for Developers and Designers

70 New, Useful AJAX And JavaScript Techniques70 New, Useful AJAX And JavaScript Techniques

xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

10 Rare HTML Tags You Really Should Know

10 Rare HTML Tags You Really Should Know

20 Useful CSS Tips For Beginners 

20 Useful CSS Tips For Beginners

Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

50 Excellent Image Galleries You Can Use Today

50 Excellent Image Galleries You Can Use Today

A Huge Compilation Of 60 Free Illustrator Brushes

A Huge Compilation of 60 Free Illustrator Brushes

10 Free Grunge Photoshop Textures

10 free grunge Photoshop textures

The Ultimate List Of Sources For Free Background Patterns

The Ultimate List of Sources for Free Background Patterns

10 Must Have Firefox Plugins For All Bloggers

10 must have Firefox plugins for all bloggers

30 Photoshop Actions for Touch Ups and Enhancements – Part 2

30 Photoshop Actions for Touch Ups and Enhancements - Part 2

12 WordPress Plugins for Theme Development

12 WordPress Plugins for Theme Development

200 Free Exclusive Icons: Siena

200 Free Exclusive Icons: Siena

60 Excellent Free 3D Model Websites

60 Excellent Free 3D Model Websites

Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

50+ Essential Techniques and Tools for Visualizing your Data

50+ Essential Techniques and Tools for Visualizing your Data

9 Steps To A Happy Relationship With Your Hosting Provider

9 Steps To A Happy Relationship With Your Hosting Provider

10 User Friendly Tips for Good Content Heavy Web Designs

10 User Friendly Tips for Good Content Heavy Web Designs

Free Customizable CSS Menu For Everyone

Are you searching for free, nice and easy to use CSS menu for your website? No need to worry about it! CSS Menu Builder is an online menu builder website from where you can create 30+ horizontal, 700+ vertical and our breadcrumb menus that consist of more than 200+ combinations.

CSS Menu Builder

The menu creation process and interface is very easy to use. This helps you to work fast and efficiently in less time with the amazing result of free css menu.

Simple And Free CSS Menu Designs For Your Website

While designing a website designers want to see the inspiration or free design resources which can reduce their work on the project. We help those guys because we are always in the search of great free resources and list here. Below are the simple and free CSS menu designs for you to download and use any way you see fit.

Free Menu Designs

You can download the complete set, or an individual menu by clicking the Download Menu button located on each menu from the original website.

Please feel free to download for commercial or private use, and modify to suit your needs.

Funky Sliding Door Tabbed Menus By A BulletProof Idea

This Tabbed sliding doors menus look funky and elegant as well as being scalable. You can add as much text as you want and the tabs just expand and don’t break apart, they also re-size nicely when you bump up the text in your browser. You can take a look at demo here!

Funky sliding door tabbed menus

In this tutorial John Stephen is going to show you how to create his own little twist on the very popular Sliding Doors of CSS menus by Douglas Bowman

The menu is working great with all standards compliant browsers (Firefox/Safari/IE7/Opera etc..) and also works as far back as IE5.5 and IE6!

Horizontal Javascript Accordion Menu!

This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.

horizontal javascript accordion

The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.

The front-end markup for the script is a simple unordered list as in the example below…

<ul id="sm" class="sm">
<li><img src="images/1.gif" alt="" /></li>
<li><img src="images/2.gif" alt="" /></li>
<li><img src="images/3.gif" alt="" /></li>
<li><img src="images/4.gif" alt="" /></li>
</ul>

To build the accordion call the function below onload…

slideMenu.build('sm',200,10,10,1)

Click here to view the working sample.

Lets Take A Look At Fisheye Menu Component v0.3

The Fisheye component is based around the concept of itemRenderer factories, just like the flex list and charting components. The goal is to use composition to separate behavior from content, so you can reuse the basic fisheye effect across many different applications and uses. It’s available under the MIT Open Source license, so feel free to use it or modify it in your own applications.

Fisheye Component 2D screen

The Fisheye component uses a pattern that’s been coming up a lot lately where the intended layout of the component is not the same as the actual layout.

In this case, the fluid animation as you move the mouse across the component is built by migrating the actual layout of the renderers towards the intended layout (as determined by the mouse position) over time. You can check out how it will look in action 1D Demo and 2D Demo

Fisheye Component 1D screen

CSS+Javascript Fancy Menu By Devthought!

With the image below our most of the readers are already aware of this and had an idea about this css+javascript fancy menu but to have this great resource in the Smashing Apps list is very necessary that is why I am adding this. This fancy menu is also great for those who do not know about this and I believe there are alot of those guys as well often visits to SmashingApps.com.

FancyMenu

In this article Guillermo Rauch’s will go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends and the visitors coming to your website. This custom navigation bar needs Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible.

PhatFusion Free Horizontal Menu, Reveals More Of The Image As You Rollover It.

javascript and flash development

Most of us see the image moving (left to right or right to left) navigation developed by Macromedia Flash on many famous website. But now its just build by the javascript.

Now we have another way to build this type of menu. PhatFusion has developed an image menu with the aid of Mootools framework. This meny looks really good and easy to use for everyone. You can also see the similar menu at Mootools Official Website. Salient features are :

  • 2 optional onClick events – open & close
  • href passed to onClick events
  • stays open when clicked
  • closes when clicked
  • select item to pre-open