3D切换手机响应式侧边导航

时间:2015-08-22 04:55 来源:未知作者:木木点击:次

　你会看到这个提示，那是因为你的系统无法识别某栏目的模型信息，或者你新建模型后，没为这个模型设计单独的模板。不同模型的文档浏览页的模板为：article_模型名字标识.htm 如“article_article.htm”，更多的信息你可以在频道模型管理的地方查看。

文件类型 内容：
模板调用标记：

.exe

语言内容：
模板调用标记：

简体中文

软件类型 内容：
模板调用标记：

国产软件

授权方式 内容：
模板调用标记：

共享软件

操作系统 内容：
模板调用标记：

Win2003WinXPWin2000Win9X

软件等级 内容：
模板调用标记：

官方网址 内容：
模板调用标记：

http://codyhouse.s3.amazonaws.

演示网址 内容：
模板调用标记：

http://codyhouse.co/demo/3d-bold-navigation/index.

软件大小课程时长 内容：
模板调用标记：

未知

下载资料 内容：
模板调用标记：

详细介绍 内容：
模板调用标记：

增加菜单上的视觉效果，我们推沿z轴的主要内容（通过使用CSS变换我们实际上削减内容的大小，我们不使用三维平移，但结果是一样的）。创建html结构的HTML结构中的3个主要元素：一个.cd-nav-trigger用于创建图标的菜单，一个.cd-section 包含网页页的主要内容一个.cd-section 主导航容器。

a href="#cd-nav" class="cd-nav-trigger">
	Menu<span><!-- used to create the menu icon --></span>
</a> <!-- .cd-nav-trigger -->
 
<main>
	<section class="cd-section index cd-selected">
		<header>
			<div class="cd-title">
				<h2><!--  标题放在这  --></h2>
				<p><!--   简介放在这  --></p>
			</div> <!-- .cd-title -->
		</header>
 
		<div class="cd-content">
			<!-- your content here -->
		</div>
	</section> <!-- .cd-section -->
</main>
 
<nav class="cd-nav-container" id="cd-nav">
	<header>
		<h3>Navigation</h3>
		<a href="#0" class="cd-close-nav">Close</a>
	</header>
 
	<ul class="cd-nav">
		<li class="cd-selected" data-menu="index">
			<a href="index.html">
				<span>
					<!-- 图标放在这 -->
				</span>
 
				<em><!-- 图标文字  --></em>
			</a>
		</li>
 
		<li data-menu="projects">
			<!-- .... -->
		</li>
 
		<!-- other list items here -->
	</ul> <!-- .cd-3d-nav -->
</nav>

今天的资源是一个强大的方法来显示一个网站导航。记住，虽然，它不必是“主”导航。例如，你可以有一个产品画廊，你想创造一个平稳过渡，同时从一个产品类别切换到另一个。

增加菜单上的视觉效果，我们推沿z轴的主要内容（通过使用CSS变换我们实际上削减内容的大小，我们不使用三维平移，但结果是一样的）。

有趣的一点：当你选择一个新的类别，我们切换的内容在背景中，然后将其移动到原来的位置，隐藏导航。

创建html结构

的HTML结构中的3个主要元素：一个.cd-nav-trigger用于创建图标的菜单，一个.cd-section 包含网页页的主要内容一个.cd-section 主导航容器。

下载级别 内容：
模板调用标记：

需要金币 内容：
模板调用标记：

课程难度 内容：
模板调用标记：

(责任编辑：zengmumu)