Move your mouse over one of the smaller icons around the central one to move the docker. Placing your mouse on the icons to the left will move them all around clockwise and placing your mouse on the icons to the bottom will move them around anti clockwise. Each icon is a link and can link to anything in the normal way.

You can also move the docker around by calling the functions from other links or buttons.

You can have as many icons as you wish. View the source code of this page to see how simple the mark up is.

Demo: http://tomcoote.co.uk/JavaScript/CornerDock/CornerDock.html
Download: http://tomcoote.co.uk/Downloads/CornerDock.rar
Source: http://tomcoote.co.uk/JavaScript/CornerDock/CornerDock.html

Related Listings:

1. Auto-matic Link Icons Now, you may have seen similar things on a few...
2. A Mac-style Dock in Javascript Apple’s Mac OS X operating system is renowned for...
3. Dynamic Cookie Crumbs This bit of JavaScript allows you to place a breadcrumb...
4. Tab Inline Editable Elements I have been spending a lot of time at work...
5. MinMax Elements I built this JavaScript so that I could get a...

Do you like this post?

Email: