We love Web 2.0

Your own voice on the web

Everyone can write & share
                                                   Blog
Explore My Blog Explore My Blog





Social Media & Social Media Marketing
 




 Social Networking




Web Development, SEO & Online Marketing
 
   
  Bookmark and Share
  
CSS Dock Menu using JQuery
      
Aug
03
Jamal Ahmad

jam05pgs

12 Comments  |   8217 Hits
Tags:   css dock menu
 

If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles - top and bottom. This CSS dock menu is perfert to add on to my iTheme. Here I will show you how to implement it to your web page.

CSS dock menu

Browser Compatibility

I have tested on IE 6, IE 7, Opera 9, Firefox 2, and Safari 2 (although there are some minor rendering issues with Safari).

View live demo

Download source code

Have your tips / experiences? Please share them.
[ Stumble Upon ] [ Facebook ] [ del.icio.us ] [ furl ] [Sphinn] [ Digg ] [ Twitter ] [ Technorati ] [ Reddit ] [ Subscribe To RSS Feeds ]

12
 
 
Valena Barbera

Wednesday, August 5, 2009 @ 09:27 PM
 

the menu is very nice and easy to implement, first i saw it and i thought that its Flash but i am wondering about the power of Jquery, how jquery and CSS can do it quickly and easily, Than you jquery and Thanx a lot Jamal Ahmad.

 
DnA Demands

Thursday, August 6, 2009 @ 09:35 AM
 

I love this menu

 
Orlando Fernandes

Saturday, August 8, 2009 @ 05:11 AM
 

Is it possible to nest another dock menu underneath the main menu? Kind of like a dropdown menu?

 
Ganesh

Monday, October 5, 2009 @ 09:57 PM
 

I love this menu very much.....

 
Maddy

Thursday, January 14, 2010 @ 05:11 PM
 

Is it possible to reduce the fisheye effect Please advice. I like the menu a lot.

 
Gloubi

Saturday, July 10, 2010 @ 07:48 AM
 

Thank you so much Jamal!It's B-e-a-u-t-i-f-u-l and very usefull!

 
   
 
Leave your comments
 
  Your comments  

     
name  

     
  email  

     
website    

     
5 + 3 =    

     
   
     

 
 

Follow me on twitter

Follow me on facebook
 

 
   

   

affiliate_link

   

affiliate_link

   

Buy Now - PayPal
   
 
   
  Blog Community
 
 
tissa
darrenrowse
amour
niculae
sassyqarla
summerzeet
electrostar
good-pens
kh
travelhotelworld
tunyalitk
masterartrep
dain22
bloggersun
jameslove4enao
thebeespace
majalahpatani
caryngf
wonkapromotions
jam05pgs
 
  View more bloggers   Join Community
   
   
  Popular Posts
 
 
JQuery Beautiful Image Slide Show in New Way
Good Pens, Saturday 18th April 2009

How 24 Hours of Work Will Send Millions of Readers to My Blog
Darren Rowse, Thursday 4th December 2008

Ajax Animated Live Search
Tunya Litk, Monday 4th May 2009

JQuery Autocomplete with Ajax PHP and MySQL
Jamal Ahmad, Sunday 14th June 2009

How to make $3000 with Free Niche Websites blueprint
Jamal Ahmad, Thursday 10th June 2010
   
   
  ExploreMyBlog Poll
 
 

Is Bing a better search engine than Google?
 

Yes

No
Unsure
 

 
   
  Blog Categories
 
 
About Blogging
Affiliate Marketing
AJAX
Banners
Blog Directories
Blog Marketing
Browsing
Copy Writing
CSS
E-Commerce
Email Marketing
Forms
Google AdSense AdWords
JQuery
Marketing Tools and Tips
Online Advertising
Online Marketing
Online Newsletter
Pay Per Click Strategy
RSS Feed Strategy
Search Engine Optimization
Social Media
Social Networking
Web 2.0
Website Analysis and Stats
Website Designing
Website Traffic
   
   
   

 
 

 

  

© Copyright Explore My Blog 2009, all rights reserved
A company registered in north America, Europe, Asia and Middle East as Explore Group.