本帖最后由 xx025 于 2011-8-25 22:10 编辑
超漂亮的仿MAC的CSS菜单
演示:http://i18.cc/portal.php
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title></title>
- <script type="text/javascript" src="DHWJ/js/jquery.js"></script>
- <script type="text/javascript" src="DHWJ/js/interface.js"></script>
- <!--[if lt IE 7]>
- <style type="text/css">
- div, img { behavior: url(DHWJ/iepngfix.htc) }
- </style>
- <![endif]-->
- <link href="DHWJ/style.css" rel="stylesheet" type="text/css" />
- </head>
- <body style="background-image: url('http://i18.cc/template/eis_002_dzx/img/allbg.jpg')">
- <div class="dock" id="dock" style="background-color: #696868">
- <div class="dock-container">
- <a class="dock-item" href="http://i18.cc/home.php"><img src="DHWJ/images/home.png" alt="home" /><span>Home</span></a>
- <a class="dock-item" href="http://i18.cc/group.php"><img src="DHWJ/images/email.png" alt="contact" /><span>Group</span></a>
- <a class="dock-item" href="http://i18.cc/userapp.php"><img src="DHWJ/images/portfolio.png" alt="portfolio" /><span>Userapp</span></a>
- <a class="dock-item" href="http://i18.cc/search.php"><img src="DHWJ/images/music.png" alt="music" /><span>Search</span></a>
- <a class="dock-item" href="http://i18.cc/misc.php?mod=ranklist"><img src="DHWJ/images/video.png" alt="video" /><span>Ranklist</span></a>
- <a class="dock-item" href="http://i18.cc/misc.php?mod=faq"><img src="DHWJ/images/history.png" alt="history" /><span>Faq</span></a>
- <a class="dock-item" href="http://i18.cc/misc.php?mod=mobile"><img src="DHWJ/images/calendar.png" alt="calendar" /><span>Mobile</span></a>
- <a class="dock-item" href="http://i18.cc/shortcut.php"><img src="DHWJ/images/rss.png" alt="rss" /><span>RSS</span></a>
- </div>
- </div>
- <div style="background-color: #000000">
- <script type="text/javascript">
-
- $(document).ready(
- function()
- {
- $('#dock').Fisheye(
- {
- maxWidth: 50,
- items: 'a',
- itemsText: 'span',
- container: '.dock-container',
- itemWidth: 40,
- proximity: 90,
- halign : 'center'
- }
- )
- }
- );
- </script>
- </div>
- </body>
- </html>
复制代码
上面的是diy代码
把文件夹直接上传到根目录
|