苹果风格菜单 - CSS Dock Menu  

    超级漂亮的苹果风格菜单 - CSS Dock Menu  
点击放大图片

在head区插入
程序代码 程序代码

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<style type="text/css">
div, img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->


在body区插入
程序代码 程序代码

<div class="dock" id="dock2">
  <div class="dock-container2">
  <a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a>
  <a class="dock-item2" href="#"><span>Contact</span><img src="images/email.png" alt="contact" /></a>
  <a class="dock-item2" href="#"><span>Portfolio</span><img src="images/portfolio.png" alt="portfolio" /></a>
  <a class="dock-item2" href="#"><span>Music</span><img src="images/music.png" alt="music" /></a>
  <a class="dock-item2" href="#"><span>Video</span><img src="images/video.png" alt="video" /></a>
  <a class="dock-item2" href="#"><span>History</span><img src="images/history.png" alt="history" /></a>
  <a class="dock-item2" href="#"><span>Calendar</span><img src="images/calendar.png" alt="calendar" /></a>
  <a class="dock-item2" href="#"><span>Links</span><img src="images/link.png" alt="links" /></a>
  <a class="dock-item2" href="#"><span>RSS</span><img src="images/rss.png" alt="rss" /></a>
  <a class="dock-item2" href="#"><span>RSS2</span><img src="images/rss2.png" alt="rss" /></a>
  </div>
</div>

<script type="text/javascript">
    
    $(document).ready(
        function()
        {
            $('#dock2').Fisheye(
                {
                    maxWidth: 60,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container2',
                    itemWidth: 40,
                    proximity: 80,
                    alignment : 'left',
                    valign: 'bottom',
                    halign : 'center'
                }
            )
        }
    );

</script>


相关方法和资源来自autoit




以下说明属本文之一部分:
转载请保持完整并注明:转自 金刀客[www.daokers.com]


[本日志由 admin 于 2008-12-10 02:41 PM 编辑]
相关日志:
在线RSS阅读器订阅:
feedsky
抓虾 pageflakes Rojo google reader
my yahoo newsgator bloglines 有道
鲜果 飞豆 哪吒 Netvibes
Netvibes Netvibes

手机订阅:


本站订阅地址:
RSS2:点击复制
Atom:点击复制
        本站所有原创文章均遵循 [创作共用协议]
        本站原创文章可以转载,但须保持完整性并注明出处。
        COPYRIGHT 2008-2010  §  HTTP://WWW.DAOKERS.COM  §    ALL RIGHTS
评论: 1 | 引用: 0 | 查看次数: -
回复回复境随心生[2010-09-22 07:57 PM | del]
什么玩意呀?
发表评论
昵 称:
密 码: 游客发言不需要密码.
验证码: 验证码提示:单击自动获取验证码
内 容:
最多可输入,当前共,还可输入
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.