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 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
|
5 <title>CSS Mac Dock</title> |
|
6 <script type="text/javascript" src="js/jquery.js"></script> |
|
7 <script type="text/javascript" src="js/interface.js"></script> |
|
8 |
|
9 <!--[if lt IE 7]> |
|
10 <style type="text/css"> |
|
11 div, img { behavior: url(iepngfix.htc) } |
|
12 </style> |
|
13 <![endif]--> |
|
14 |
|
15 <link href="style.css" rel="stylesheet" type="text/css" /> |
|
16 </head> |
|
17 <body> |
|
18 <div class="dock" id="dock"> |
|
19 <div class="dock-container"> |
|
20 <a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a> |
|
21 <a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a> |
|
22 <a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a> |
|
23 <a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>Music</span></a> |
|
24 <a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>Video</span></a> |
|
25 <a class="dock-item" href="#"><img src="images/history.png" alt="history" /><span>History</span></a> |
|
26 <a class="dock-item" href="#"><img src="images/calendar.png" alt="calendar" /><span>Calendar</span></a> |
|
27 <a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a> |
|
28 </div> |
|
29 </div> |
|
30 <script type="text/javascript"> |
|
31 |
|
32 $(document).ready( |
|
33 function() |
|
34 { |
|
35 $('#dock').Fisheye( |
|
36 { |
|
37 maxWidth: 50, |
|
38 items: 'a', |
|
39 itemsText: 'span', |
|
40 container: '.dock-container', |
|
41 itemWidth: 40, |
|
42 proximity: 90, |
|
43 halign : 'center' |
|
44 } |
|
45 ) |
|
46 } |
|
47 ); |
|
48 |
|
49 </script> |
|
50 </body> |
|
51 </html> |