<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example jqDock</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type='text/javascript' src='http://www.wizzud.com/jqDock/jquery.jqDock.min.js'></script>
<style type='text/css'>
/*position and hide the menu initially - leave room for menu items to expand...*/
#page {padding-top:150px; padding-bottom:20px; width:100%;}
#menu {position:absolute; top:100px; left:0; display:none;}
</style>
<script type='text/javascript'>
jQuery(document).ready(function($){
// Apply jqDock with no options...
$('#menu').jqDock();
});
</script>
</head>
<body>
<div id='page'>
<div id='menu'>
<img src='http://www.wizzud.com/jqDock/images/m/Addressbook.png' title='Favourites' alt='' />
<img src='http://www.wizzud.com/jqDock/images/m/DVD-Player.png' title='Pictures' alt='' />
<img src='http://www.wizzud.com/jqDock/images/m/Safari.png' title='Music' alt='' />
<img src='http://www.wizzud.com/jqDock/images/m/Terminal.png' title='Videos' alt='' />
<img src='http://www.wizzud.com/jqDock/images/m/Instant_Messaging.png' title='Uploads' alt='' />
</div>
</div>
</body>
</html>