fisheye css dock menu

Posted on 2009-05-19
Medium Priority
Last Modified: 2012-05-07
Hello experts.
I have downloaded the jquery css dock menu from:http://www.ndesign-studio.com/blog/design/css-dock-menu/ and it is working for me.
The question is how can i handle when the fisheye effect starts.I want the effect when the mouse is over the image and not the way it is  in the demo.
Question by:Panos
  • 2
LVL 12

Accepted Solution

GuitarRich earned 2000 total points
ID: 24419890
change the proximity value to 1 like this - that makes only the icon the mouse is over to grow.
					maxWidth: 60,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container2',
					itemWidth: 40,
					proximity: 1,
					alignment : 'left',
					valign: 'bottom',
					halign : 'center'

Open in new window

LVL 12

Expert Comment

ID: 24419897
actually play with that value - 1 stops the animation effect. 15 still does the animation but only for the icon the mouse is over. I think it will depend on your icon size tho.

Author Closing Comment

ID: 31582907
Hi GuitarRich:
Thank you for your help.It is working fine.

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

600 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question