知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    Jquery四种苹果风格导航菜单(横向/竖向/向上/向下

    作者:佳明妈 来源:懒人建站 2009-12-07 人气:
    一个基于jquery的苹果风格导航菜单,共有四种展示形式,横向的、竖向的、点击向上弹出的、点击向下弹出的。div结构。 非常酷的效果,看应提示即知。

    一个基于jquery的苹果风格导航菜单,共有四种展示形式,横向的、竖向的、点击向上弹出的、点击向下弹出的。DIV结构。

    非常酷的效果,看应提示即知。
    部分代码如下:(你可以不看下面的代码^_^)

      <div id="dock">
       <div class="dock-container">
        <a class="dock-item" href="index.html"><span>Example&nbsp;1</span><img src="images/dock/home.png" alt="home" /></a>
        <a class="dock-item" href="example2.html"><span>Example&nbsp;2</span><img src="images/dock/email.png" alt="contact" /></a>
        <a class="dock-item" href="example3.html"><span>Example&nbsp;3</span><img src="images/dock/portfolio.png" alt="portfolio" /></a>
        <a class="dock-item" href="all-examples.html"><span>All&nbsp;Examples</span><img src="images/dock/music.png" alt="music" /></a>
        <a class="dock-item" href="#"><span>Video</span><img src="images/dock/video.png" alt="video" /></a>
        <a class="dock-item" href="#"><span>History</span><img src="images/dock/history.png" alt="history" /></a>
        <a class="dock-item" href="#"><span>Calendar</span><img src="images/dock/calendar.png" alt="calendar" /></a>
        <a class="dock-item" href="#"><span>links</span><img src="images/dock/link.png" alt="links" /></a>
        <a class="dock-item" href="#"><span>RSS</span><img src="images/dock/rss.png" alt="rss" /></a>
        <a class="dock-item" href="#"><span>RSS2</span><img src="images/dock/rss2.png" alt="rss" /></a>
       </div><!-- end div .dock-container -->
      </div><!-- end div .dock #dock -->

    ↓ 查看全文

    Jquery四种苹果风格导航菜单(横向/竖向/向上/向下由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    Jquery四种苹果风格导航菜单(横向/竖向/向上/向下-最新评论