(MoC) Posted June 22, 2008 Share Posted June 22, 2008 Look at what I found while crawling around. http://www.safalra.com/web-design/javascript/mac-style-dock/ Link to comment Share on other sites More sharing options...
Suzie's Soliloquy Posted June 30, 2008 Share Posted June 30, 2008 Very unresponsive... but not too bad for an inbrowser app? Link to comment Share on other sites More sharing options...
~pcwiz Posted July 1, 2008 Share Posted July 1, 2008 I've seen a couple of these web based docks, but this one by far is one of the best. Its pretty responsive for me albeit some minor things. Link to comment Share on other sites More sharing options...
Konami® Posted July 1, 2008 Share Posted July 1, 2008 Very interesting, I could probably implement this javascript in my portfolio site. Link to comment Share on other sites More sharing options...
GWTommy Posted August 3, 2009 Share Posted August 3, 2009 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 More sharing options...
Recommended Posts