js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 导航菜单

仿美图秀秀官网,纯CSS二级下拉导航菜单特效

发布时间:2015-08-25 13:15:05    您是第0位浏览者

本js特效代码兼容:ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

仿美图秀秀官网,纯CSS二级下拉导航菜单特效
<!DOCTYPE html>    
<html>    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
<title>仿美图秀秀官网,纯CSS二级下拉导航菜单特效 - js特效代码网</title>    
<link href="css/common.css" rel="stylesheet" type="text/css" />    
</head>    
	<body>    
		<div class="page">    
			<div id="MT_navwrap">    
				<div id="MT_nav">    
					<ul>    
						<li class="MT-item MT-first">    
							<a href="http://www.jstxdm.com" hidefocus="true"><span class="MT-logo"></span></a>    
						</li>    
						<li class="MT-item">    
							<a href="http://www.jstxdm.com" hidefocus="true" class="MT-bg">美图手机</a>    
							<div>    
								<span class="MT-arrow"></span>    
								<a href="http://www.jstxdm.com" hidefocus="true">美图手机2</a>    
								<a href="http://www.jstxdm.com" hidefocus="true">美图手机1S(2014款)</a>    
								<a href="http://www.jstxdm.com" hidefocus="true" class="MT-list-last">美图手机1C(2014款)</a>    
							</div>    
						</li>    
						<li class="MT-item">    
							<a href="http://www.jstxdm.com" hidefocus="true" class="MT-bg">手机配件</a>    
						</li>    
						<li class="MT-item MT-current"><a href="http://www.jstxdm.com" hidefocus="true" class="MT-bg">美图秀秀<i class="MT-more"></i></a>    
							<div>    
								<span class="MT-arrow"></span>    
								<a href="http://www.jstxdm.com" hidefocus="true">美图秀秀电脑版</a>    
								<a href="http://www.jstxdm.com" hidefocus="true">美图秀秀iPhone版</a>    
								<a href="http://www.jstxdm.com" hidefocus="true">美图秀秀Android版</a>    
								<a href="http://www.jstxdm.com" hidefocus="true">美图秀秀iPad版</a>    
								<a href="http://www.jstxdm.com" hidefocus="true">美图秀秀网页版</a>    
								<a href="http://www.jstxdm.com" hidefocus="true" class="MT-list-last">美图秀秀<span style="font-size:11px">Windows Phone</span>版</a>    
							</div>    
						</li>    
						<li class="MT-item MT-last"><a href="http://www.jstxdm.com" hidefocus="true" class="MT-bg">更多产品<i class="MT-more"></i></a>    
							<div>    
								<span class="MT-arrow"></span>    
								<a href="http://www.jstxdm.com" hidefocus="true">美图看看</a>    
								<a href="http://www.jstxdm.com" hidefocus="true">美颜相机</a>    
								<a href="http://www.jstxdm.com" hidefocus="true">美拍</a>    
								<a href="http://www.jstxdm.com" hidefocus="true">表情工厂</a>    
								<a href="http://www.jstxdm.com" hidefocus="true">美陌</a>    
								<a href="http://www.jstxdm.com" hidefocus="true" class="MT-list-last">更多···</a>    
							</div>    
						</li>    
					</ul>    
				</div>    
			</div>    
		</div>    
	</body>    
</html>


友荐云推荐
大家说 此评论不代表本站观点