Css Dock Menu

If you are a big Mac fan, you will love this CSS dock menu. 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.

Css Dock Menu demo

Changes to the code below will update the demo above in real time.



June 22, 2007, 12:13 p.m. - alex

its a little bit buggy: after a right click on an image, it won't scale down but nice so far!

June 25, 2007, 12:38 a.m. - Treant

i tried to put this script and your glider script in same page, but i got error :S dock menu does not work :S

June 30, 2007, 6:56 a.m. - asghar

hello thank you for your best website have a nice day

July 2, 2007, 11:56 a.m. - pradeep pappu

great work.........

July 5, 2007, 2:41 p.m. - Nageshwar Rao

Unbelievable........ It's realy Great work

July 11, 2007, 2:32 p.m. - tredinertok

Hi all! Very interesting information! Thanks! G'night

July 13, 2007, 7:43 a.m. - govokinolij

Hi Looks good! Very useful, good stuff. Good resources here. Thanks much! G'night

July 17, 2007, 12:12 a.m. - jamie

can we embed this sample on flash

July 22, 2007, 9:40 a.m. - DGyaBoy

Holy Shit. Realy good work. Your a real pro. This site i great.

Sept. 2, 2007, 5:14 a.m. - Graham

This is the best fisheye example on the site. Nicer graphics anyway.

Sept. 3, 2007, 7:23 a.m. - Kiran B.V.

Very Good work never expected this logic..

Sept. 3, 2007, 7:23 a.m. - Kiran B.V.

Very Good work never. expected this logic..

Sept. 9, 2007, 2:43 a.m. - sopitikoj

Hi all! Thanks for the ifnormation you provide. It's great to see an agency site with usefull information. The site is not bad either. Bye

Sept. 11, 2007, 5:13 p.m. - likopinko

Hi I found your site very informative and helpful, thank you. G'night

Sept. 12, 2007, 4:22 a.m. - loco

still got a problem when using ie6. the png still not rendering correctly. anyone have any idea how to fix this?

Sept. 20, 2007, 12:45 a.m. - Steve

Looks Great!! How can you put 2 of these on the same page? I'm having problems with that. Plus how do you change the color of the mouse over text?? thx! s>

Sept. 22, 2007, 7:50 p.m. - lokimikoj

Hi Hi, man! Your site is cool!

Oct. 1, 2007, 10:58 p.m. - Marko Novak

Very nice menu. Does it validate?

Oct. 28, 2007, 11:49 p.m. - wushanxu

very very cool

Nov. 2, 2007, 12:50 a.m. - Robbile Joy

Can you share then main code with us?

Feb. 10, 2008, 2:02 p.m. - Roger

Awesome! but when view with Safari, I can see nothing on browser... and I tried to click go back to previous page, and then go to next, it shows up! but if I refresh the page, it disappear...

Feb. 19, 2008, 7:29 p.m. - Nick

Wow Great Script. I love it. I am a Mac fan. I think that will be great for me to implement into my CMSystem.

Feb. 29, 2008, 10:38 p.m. - Deepak

The Script Works well. But I think the script can also reduced a bit

May 18, 2008, 5:22 p.m. - G

By far the best JavaScript Dock I've seen. Doesn't jitter about and is very smooth. Congrats.

May 22, 2008, 5:17 a.m. - Siddharth

Very nice script

May 24, 2008, 2:46 a.m. - therock

its really a wonderfull work.i appreciate your work.

June 9, 2008, 9:55 a.m. - Rosduz

I can not put this in my template. Please where is the right place and what I am doing wrong?

July 6, 2008, 2:52 a.m. - loco

ive tried on Firefox 3 and it seems that i cant open up the link from the dock menu.. FF2 have no issues? anyone of u have this prob?

July 11, 2008, 8:42 a.m. - Ryan

Hi, Does anyone know how to edit the code so that the text labels that appear underneath the icons when you hover will not disappear when you move your mouse away? Many Thanks

July 23, 2008, 12:52 p.m. - XENUPS

can u tell us how u magnify the items? plz give us java source TNX a lot ;D

July 25, 2008, 6:11 a.m. - J

Where is this image set from, are there any additional icons?

July 28, 2008, 7:29 p.m. - Manny

Dude you rock!

Aug. 26, 2008, 9:32 p.m. - Sitthykun LY

very good.....

Sept. 2, 2008, 9:15 a.m. - techniqueal t.

wow, this is a fantastic script! absolutely love it! =)

Sept. 15, 2008, 11:57 p.m. - Stewart

If you wrote this originaly, then I owe you a big thanks as we have implemented it on our website - www.ginkgostudios.com and it has worked brilliantly - Thanks!

Sept. 21, 2008, 11:31 p.m. - pulakchetia2007@gmail.com

without jquery.js,interface.js ,cssdockmenu.css how it will work.will you please sent them

Sept. 26, 2008, 4:25 a.m. - Swati

Very nice!!!!!

Oct. 9, 2008, 2:02 a.m. - sinteniki

thanks for info ..great application

Oct. 15, 2008, 11:04 a.m. - Besttoolbar POGODA

pogoda menu

Oct. 16, 2008, 1:09 a.m. - nono

hello, You have a little problem with your png in IE6 if you want you have a script in google. But It's very good job and i think use it for my website

Nov. 6, 2008, 7:36 a.m. - mackie

Wow esta espectacular, gracias! :D

Nov. 12, 2008, 11:07 a.m. - costudio

really nice work

Dec. 11, 2008, 1:28 p.m. - Rou Stilliard

WOW, fantastic scipt, found it very usefull, thanks!

Dec. 15, 2008, 6:38 a.m. - imran

fsdfsra aras adss a

Feb. 9, 2009, 12:03 p.m. - Zahid

Hi Guys, This is fantastic. I have a questions "How can I make the menu items enlarge to the top rather than down?". Thanks

March 10, 2009, 9:10 a.m. - ipsg007

woww. thats amazing.. i am becoming ajaxdaddy's fan.. the website is simply amazing..

March 14, 2009, 1:56 p.m. - Ben

did you or ndesign studio create it?

March 19, 2009, 10:41 p.m. - indika

WoW.....really helpfull.....nice works ..thanks

May 7, 2009, 11 p.m. - Indra

Hey, really nice work, amazing. I am wondering if someone can help me on this... what if I have a lot of menu buttons e.g. 25 of them. Would it be possible to have a scroller too? So that it will only view maybe 7 of them in the window, but you can scroll left or right to view more buttons?

June 11, 2009, 1:49 a.m. - Noel

Really amazing, breath taking... very nice.. thanks

July 17, 2009, 12:44 a.m. - kurt

i like this very much thnak you. i can use this one to the website im currently developing

Aug. 12, 2009, 7:26 a.m. - anoop

hi guys great work. i appreciate your dedication towards the site. i am a .net web developer i need to implement the same in asp.net but i am facing problems while i am working with master pages

Sept. 14, 2009, 5:34 a.m. - srikanth

superb. great work.

Oct. 12, 2009, 4:18 a.m. - Mrinmoy Ganguly

This is outstanding stuff

Oct. 26, 2009, 11:39 a.m. - Franz

Es impresionante el efecto... Gracias.

Nov. 3, 2009, 12:04 p.m. - Nimish

I really like it.. Its amazing. I see someone else had same question about .js files. How can we use it without them. Thanks

Nov. 12, 2009, 6:27 a.m. - mafiya

Exsellent !!

Nov. 13, 2009, 2:20 a.m. - video izle

very nice ajax examples.thank you

Nov. 13, 2009, 2:46 a.m. - Anurag Bhatia

Great Script buddy!

Nov. 20, 2009, 12:14 p.m. - Luke

Very nice. This really helps. Our customers are asking us for Web 2.0 gadgets just so they look more professional and up to data. Thanks guys.

Nov. 21, 2009, 4:09 a.m. - Ramesh Vishwakarma

n n niceee..... :)

Dec. 3, 2009, 11:22 p.m. - viresh rajput

Veru Nice Thanks For Shairing,Can I Download the java script file

Dec. 9, 2009, 5:25 a.m. - Santosh Shelke

Superb Boss........

Jan. 14, 2010, 3:50 a.m. - Bill

Awsome Script Sir Thanks, Its People lie you who aer making the web experience better for all!!!

Jan. 21, 2010, 6:58 p.m. - Lional Angelo

Very good one, thanks for sharing keep posting

Feb. 13, 2010, 1:15 p.m. - crazyfrog

I'm in love with AJAX :| It's fantastic :O

Feb. 15, 2010, 12:15 a.m. - D-v

Very very very nice.Thank you.

Feb. 23, 2010, 2:39 a.m. - Ravindra

its fatastic...it really works dude.. Thanx.

Feb. 23, 2010, 2:42 a.m. - Avinash

Very nice & wonderfull. Thank You Dear.

March 2, 2010, 1:54 a.m. - yogesh rajne

hey this is nice bosss

April 4, 2010, 6:03 a.m. - jits

great.... simply great, If you give permission can i use it??

April 7, 2010, 1:11 p.m. - reseller

thanks for you. cool css menus

April 23, 2010, 10:43 p.m. - rajvaghela

excellent work

May 14, 2010, 2 p.m. - dinesh

it's Great Man

Aug. 12, 2010, 5:23 p.m. - Krish

Good inpermation

Feb. 22, 2011, 8:31 a.m. - Me

this dock is great works perfectly! if this doesn't work in your site u r doing something wrong!

Oct. 26, 2011, 2:03 a.m. - drini

Well it was so easy to implement, i use prototype library aswell so i had to to this: http://docs.jquery.com/Using_jQuery_with_Other_Libraries but so cool. THX

Feb. 3, 2012, 3:42 a.m. - tj

ur code is good...thnx but i want the icons to be shown vertically.. can u suggest me how?