CSS Dock Menu

May 08, 2007 270 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. CSS dock menu screenshot Update: I no longer support the questons regard this dock menu. View Demo | Download 1. Download the CSS dock menu zip package. 2. In between the HTML <head> tag, add the following code The first part is the Javascript, second part is CSS stylesheet, and last part is the PNG hack for IE 6. 3. Don’t forget to add the following code to anywhere within the <body> tag: 4. To add menu item to the top dock (note: span tag is after the img tag): <a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a> To add menu item to the bottom dock (note: span tag is before the img tag): <a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a> Browser Compatibility I have tested on IE 6, IE 7, Opera 9, Firefox 2, and Safari 2 (although there are some minor rendering issues with Safari). Collapse All Expand All

Highslide JS - JavaScript thumbnail viewer 21+ beautiful Javascript and Ajax based solutions to our gallery requirements Maybe you are believe that a picture is worth a thousand words, so you need a powerful gallery in order to show your excellent pictures well. Or you need to add a gallery into your blog or homepage. Javascrip or AJAX technology is a better choice since they don’t need extend plugin. The following is a list of beautiful Javascript and Ajax based solutions to our gallery requirements. Enjoy them and show them with your friends. No.1 Galleria Galleria is a javascript image gallery written in jQuery. No.2 LightWindow If fact software of lightwindow is a No.3 (E)2Photo Gallery (E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. No.4 Spry pry is a JavaScript-based framework that enables the rapid development of Ajax-powered web pages. No.5 Imago Imago is an Ajax Image Gallery with focus on simplicity and ease of use. No.6 slideViewer a jQuery image slider built on a single unordered list No.7 Minishowcase

A library of DHTML and Ajax scripts - DHTMLgoodies.com Userscripts.org: Power-ups for your browser