Jump to content

Javascript Leopard Dock


(MoC)
 Share

5 posts in this topic

Recommended Posts

  • 2 weeks later...
  • 1 year later...

I used this jQuery plugin:

http://plugins.jquery.com/project/MagnifyEffect

 

Some code:

<div id="dock"><img src="dockLeft.png"><div id="dockIcons"><div class="start-finder"><img src="icon-finder.png"></div> <!-- cut --> <img src="dockRight.png"></div>

 

	$("div#dockIcons div img").magnify({
							distance:200, //straight distance from center to mouse
							distanceX:null,//distance on x axis
							distanceY:null,//distance on y axis
							minExpansion:1, //min value (1 is 100% of defalt css property value)
							maxExpansion:2,//max value (2 is 200% of defalt css property value)
							property:[ //css properties to magnify
									"width",
									"height"
									],
							onmagnefy:function(event){/*Your code here.*/}
						});

 

Maybe you guys can use it.. It's pretty simple stuff here.

Link to comment
Share on other sites

 Share

×
×
  • Create New...