Help - Search - Members - Calendar
Full Version: Javascript Leopard Dock
InsanelyMac Forum > Everything Else > Creativity > Web and Graphical Design
(MoC)
Look at what I found while crawling around.

http://www.safalra.com/web-design/javascript/mac-style-dock/
 Suzie's Soliloquy
Very unresponsive... but not too bad for an inbrowser app?
~pcwiz
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.
KonamiĀ®
Very interesting, I could probably implement this javascript in my portfolio site.
GWTommy
I used this jQuery plugin:
http://plugins.jquery.com/project/MagnifyEffect

Some code:
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>


CODE
    $("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.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.