你的位置:首页 > 网页设计

[网页设计]基于html5顶部导航3D翻转展开特效


基于html5顶部导航3D翻转展开特效是一款基于jQuery+HTML5实现的3D翻转网站导航菜单代码。效果图如下:

在线预览    源码下载

实现的代码。

html代码:

<header class="cd-header">    <a href="#0" class="cd-logo"><img src="img/cd-logo.svg" alt="Logo"></a>    <a href="#0" class="cd-3d-nav-trigger">      Menu      <span></span>    </a>  </header> <!-- .cd-header -->  <main>    <h1>3D Rotating Navigation</h1>    <!-- all your content here -->  </main>  <nav class="cd-3d-nav-container">    <ul class="cd-3d-nav">      <li class="cd-selected">        <a href="#0">Dashboard</a>      </li>      <li>        <a href="#0">Projects</a>      </li>      <li>        <a href="#0">Images</a>      </li>      <li>        <a href="#0">Settings</a>      </li>      <li>        <a href="#0">New</a>      </li>    </ul> <!-- .cd-3d-nav -->    <span class="cd-marker color-1"></span>  </nav> <!-- .cd-3d-nav-container -->  <script type="text/javascript" src="js/jquery-2.1.1.js"></script>  <script type="text/javascript" src="js/main.js"></script>

via:http://www.w2bc.com/article/49439




河南旅游多少钱河南旅游报价价格河南旅游团报价深圳去湖北旅游报价跟团去湖北旅游多少钱清远牛鱼嘴游玩攻略?牛鱼嘴景区什么时候好玩? 清远牛鱼嘴怎么走?牛鱼嘴景区有专车吗? 2015牛鱼嘴禾雀花能开到几月?清远牛鱼嘴禾雀花4月还有吗? 2015清明节清远去哪看禾雀花?清远清明节哪里禾雀花好看? 2015春节三水荷花世界门票多少钱?荷花世界春节门票价格? 三水荷花世界春节有花展吗?2015春节荷花世界赏花攻略? 2015春节英德仙桥地下河有哪些玩的?仙桥地下河春节玩什么? 2015春节蓝田瑶族风情园有哪些好玩的?龙门蓝田瑶族风情园春节有什么活动? 广东韶关南华寺的门票是多少? 苏州天平山 江南秋色红如火 到邳州银杏林大道 赏金色田园美好时光 三亚旅游 超实用的防宰攻略 香港海洋公园有什么好玩的? 香港海洋公园的门票是多少? 国庆节去香港玩,请大家推荐住宿的地方? 去香港旅游有哪些必玩的地方? SQCAEA1R5BATME Datasheet SQCAEA1R5BATME Datasheet AQ12EA820FAJME\500 Datasheet AQ12EA820FAJME\500 Datasheet 08055U1R2BAT2A Datasheet 08055U1R2BAT2A Datasheet 佳木斯到香港澳门旅游价格 佳木斯到香港澳门旅游价格 佳木斯到香港澳门旅游价格 南京香港旅游价格 南京香港旅游价格 南京香港旅游价格 重庆香港旅游价格 重庆香港旅游价格 重庆香港旅游价格