equal
deleted
inserted
replaced
|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
2 <html xmlns="http://www.w3.org/1999/xhtml"> |
|
3 <head> |
|
4 <title>Example jqDock</title> |
|
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
6 |
|
7 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> |
|
8 <script type='text/javascript' src='http://www.wizzud.com/jqDock/jquery.jqDock.min.js'></script> |
|
9 |
|
10 <style type='text/css'> |
|
11 /*position and hide the menu initially - leave room for menu items to expand...*/ |
|
12 #page {padding-top:150px; padding-bottom:20px; width:100%;} |
|
13 #menu {position:absolute; top:100px; left:0; display:none;} |
|
14 </style> |
|
15 <script type='text/javascript'> |
|
16 jQuery(document).ready(function($){ |
|
17 // Apply jqDock with no options... |
|
18 $('#menu').jqDock(); |
|
19 }); |
|
20 </script> |
|
21 </head> |
|
22 <body> |
|
23 <div id='page'> |
|
24 <div id='menu'> |
|
25 <img src='http://www.wizzud.com/jqDock/images/m/Addressbook.png' title='Favourites' alt='' /> |
|
26 <img src='http://www.wizzud.com/jqDock/images/m/DVD-Player.png' title='Pictures' alt='' /> |
|
27 <img src='http://www.wizzud.com/jqDock/images/m/Safari.png' title='Music' alt='' /> |
|
28 <img src='http://www.wizzud.com/jqDock/images/m/Terminal.png' title='Videos' alt='' /> |
|
29 <img src='http://www.wizzud.com/jqDock/images/m/Instant_Messaging.png' title='Uploads' alt='' /> |
|
30 </div> |
|
31 </div> |
|
32 </body> |
|
33 </html> |