jQuery置顶导航tab新闻图片选项卡切换代码



98 390 131



特效描述:jQuery置顶导航 tab新闻图片 选项卡切换,jQuery新闻图片选项卡切换,制作页面滚动顶部固定的导航tab切换效果代码。

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/tab.css">

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>

3. HTML代码

		<div class="aui-nav-content-box">
			<div class="aui-nav-list-box">
				<ul>
					<li class="aui-current">
						<a href="#">要闻</a>
					</li>
					<li>
						<a href="#">财经</a>
					</li>
					<li>
						<a href="#">娱乐</a>
					</li>
					<li>
						<a href="#">体育</a>
					</li>
					<li>
						<a href="#">军事</a>
					</li>
					<li>
						<a href="#">科技</a>
					</li>
					<li>
						<a href="#">时尚</a>
					</li>
					<li>
						<a href="#">汽车</a>
					</li>
				</ul>
			</div>
			<div class="aui-nav-list-tab">
				<div class="aui-nav-list-item" style="display:block">
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page0.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">习近平:在庆祝海南建省办经济特区30周年大会上的讲话,月13日,中共中央总书记、国家主席、中央军委主席习近平在海</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page2.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">北京时间4月13日20:00,2018年中超联赛第六轮展开角逐,上港主场2-0完胜华夏,获得开局六连胜,超恒大5分领跑。颜骏凌扑点,胡尔克点球破门,武磊锁定胜局。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page1.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">英文办公室人士表示,蔡英文将在17日“出访”所谓“友邦”斯威士兰。而福建海事局12日发布航行警告称,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page0.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">习近平:在庆祝海南建省办经济特区30周年大会上的讲话</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page2.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">北京时间4月13日20:00,2018年中超联赛第六轮展开角逐,上港主场2-0完胜华夏,获得开局六连胜,超恒大5分领跑。颜骏凌扑点,胡尔克点球破门,武磊锁定胜局。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page1.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">英文办公室人士表示,蔡英文将在17日“出访”所谓“友邦”斯威士兰。而福建海事局12日发布航行警告称,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page0.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">习近平:在庆祝海南建省办经济特区30周年大会上的讲话</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page2.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">北京时间4月13日20:00,2018年中超联赛第六轮展开角逐,上港主场2-0完胜华夏,获得开局六连胜,超恒大5分领跑。颜骏凌扑点,胡尔克点球破门,武磊锁定胜局。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page1.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">英文办公室人士表示,蔡英文将在17日“出访”所谓“友邦”斯威士兰。而福建海事局12日发布航行警告称,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page0.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">习近平:在庆祝海南建省办经济特区30周年大会上的讲话</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page2.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">北京时间4月13日20:00,2018年中超联赛第六轮展开角逐,上港主场2-0完胜华夏,获得开局六连胜,超恒大5分领跑。颜骏凌扑点,胡尔克点球破门,武磊锁定胜局。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page1.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">英文办公室人士表示,蔡英文将在17日“出访”所谓“友邦”斯威士兰。而福建海事局12日发布航行警告称,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page0.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">习近平:在庆祝海南建省办经济特区30周年大会上的讲话</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page2.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">北京时间4月13日20:00,2018年中超联赛第六轮展开角逐,上港主场2-0完胜华夏,获得开局六连胜,超恒大5分领跑。颜骏凌扑点,胡尔克点球破门,武磊锁定胜局。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page1.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">英文办公室人士表示,蔡英文将在17日“出访”所谓“友邦”斯威士兰。而福建海事局12日发布航行警告称,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
				</div>
				<div class="aui-nav-list-item">
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page3.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">凤凰国际iMarkets讯 在威胁要对另外1000亿美元的中国进口商品加征关税、导致两国贸易摩擦升级一周后,美国总统特朗普周四表示,美中最终可能不会相互加征新关税。</a>
							</h2>
							<p>
								<em>2018年03月11日</em>
								<em>来源:快讯网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page4.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">券商中国记者从知情人士独家了解到,商业银行存款利率上限的行业自律约定将放开。4月12日,市场利率定价自律机制机构成员召开会议,讨论关于放开商业银行存款利率自律上限的事宜。</a>
							</h2>
							<p>
								<em>2018年02月01日</em>
								<em>来源:新闻网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page5.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">美国大型银行财报强劲:美股高开 道指涨140点</a>
							</h2>
							<p>
								<em>2018年04月08日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page3.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">凤凰国际iMarkets讯 在威胁要对另外1000亿美元的中国进口商品加征关税、导致两国贸易摩擦升级一周后,美国总统特朗普周四表示,美中最终可能不会相互加征新关税。</a>
							</h2>
							<p>
								<em>2018年03月11日</em>
								<em>来源:快讯网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page4.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">券商中国记者从知情人士独家了解到,商业银行存款利率上限的行业自律约定将放开。4月12日,市场利率定价自律机制机构成员召开会议,讨论关于放开商业银行存款利率自律上限的事宜。</a>
							</h2>
							<p>
								<em>2018年02月01日</em>
								<em>来源:新闻网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page5.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">美国大型银行财报强劲:美股高开 道指涨140点</a>
							</h2>
							<p>
								<em>2018年04月08日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page3.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">凤凰国际iMarkets讯 在威胁要对另外1000亿美元的中国进口商品加征关税、导致两国贸易摩擦升级一周后,美国总统特朗普周四表示,美中最终可能不会相互加征新关税。</a>
							</h2>
							<p>
								<em>2018年03月11日</em>
								<em>来源:快讯网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page4.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">券商中国记者从知情人士独家了解到,商业银行存款利率上限的行业自律约定将放开。4月12日,市场利率定价自律机制机构成员召开会议,讨论关于放开商业银行存款利率自律上限的事宜。</a>
							</h2>
							<p>
								<em>2018年02月01日</em>
								<em>来源:新闻网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page5.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">美国大型银行财报强劲:美股高开 道指涨140点</a>
							</h2>
							<p>
								<em>2018年04月08日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page3.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">凤凰国际iMarkets讯 在威胁要对另外1000亿美元的中国进口商品加征关税、导致两国贸易摩擦升级一周后,美国总统特朗普周四表示,美中最终可能不会相互加征新关税。</a>
							</h2>
							<p>
								<em>2018年03月11日</em>
								<em>来源:快讯网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page4.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">券商中国记者从知情人士独家了解到,商业银行存款利率上限的行业自律约定将放开。4月12日,市场利率定价自律机制机构成员召开会议,讨论关于放开商业银行存款利率自律上限的事宜。</a>
							</h2>
							<p>
								<em>2018年02月01日</em>
								<em>来源:新闻网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page5.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">美国大型银行财报强劲:美股高开 道指涨140点</a>
							</h2>
							<p>
								<em>2018年04月08日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page3.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">凤凰国际iMarkets讯 在威胁要对另外1000亿美元的中国进口商品加征关税、导致两国贸易摩擦升级一周后,美国总统特朗普周四表示,美中最终可能不会相互加征新关税。</a>
							</h2>
							<p>
								<em>2018年03月11日</em>
								<em>来源:快讯网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page4.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">券商中国记者从知情人士独家了解到,商业银行存款利率上限的行业自律约定将放开。4月12日,市场利率定价自律机制机构成员召开会议,讨论关于放开商业银行存款利率自律上限的事宜。</a>
							</h2>
							<p>
								<em>2018年02月01日</em>
								<em>来源:新闻网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page5.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">美国大型银行财报强劲:美股高开 道指涨140点</a>
							</h2>
							<p>
								<em>2018年04月08日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
				</div>
				<div class="aui-nav-list-item">
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page6.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深</a>
							</h2>
							<p>
								<em>2018年03月28日</em>
								<em>来源:娱乐资讯</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page7.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">欧阳靖称:“其实不是我找说唱是说唱找我,新的一个章节,新的一个开始,有心才有说唱,你们准备好了吗?”</a>
							</h2>
							<p>
								<em>2018年04月11日</em>
								<em>来源:快报网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page8.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">胡军晒与52岁苏菲玛索合照:我心中法兰西的女神</a>
							</h2>
							<p>
								<em>2018年02月11日</em>
								<em>来源:海迅资讯网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page6.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深</a>
							</h2>
							<p>
								<em>2018年03月28日</em>
								<em>来源:娱乐资讯</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page7.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">欧阳靖称:“其实不是我找说唱是说唱找我,新的一个章节,新的一个开始,有心才有说唱,你们准备好了吗?”</a>
							</h2>
							<p>
								<em>2018年04月11日</em>
								<em>来源:快报网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page8.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">胡军晒与52岁苏菲玛索合照:我心中法兰西的女神</a>
							</h2>
							<p>
								<em>2018年02月11日</em>
								<em>来源:海迅资讯网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page6.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深</a>
							</h2>
							<p>
								<em>2018年03月28日</em>
								<em>来源:娱乐资讯</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page7.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">欧阳靖称:“其实不是我找说唱是说唱找我,新的一个章节,新的一个开始,有心才有说唱,你们准备好了吗?”</a>
							</h2>
							<p>
								<em>2018年04月11日</em>
								<em>来源:快报网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page8.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">胡军晒与52岁苏菲玛索合照:我心中法兰西的女神</a>
							</h2>
							<p>
								<em>2018年02月11日</em>
								<em>来源:海迅资讯网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page6.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深何炅发文祝福吴磊艺考成功 一句话展现了汉语博大精深</a>
							</h2>
							<p>
								<em>2018年03月28日</em>
								<em>来源:娱乐资讯</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page7.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">欧阳靖称:“其实不是我找说唱是说唱找我,新的一个章节,新的一个开始,有心才有说唱,你们准备好了吗?”</a>
							</h2>
							<p>
								<em>2018年04月11日</em>
								<em>来源:快报网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page8.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">胡军晒与52岁苏菲玛索合照:我心中法兰西的女神</a>
							</h2>
							<p>
								<em>2018年02月11日</em>
								<em>来源:海迅资讯网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
				</div>
				<div class="aui-nav-list-item">
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page9.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">北京人和明晚将在家门口迎战贵州恒丰,这也是两位西班牙籍主教练之间的较量。赛前发布会上,人和主帅路易斯对曼萨诺不吝赞美,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page10.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">中国足协一声令下,中超所有俱乐部都纷纷派出年轻球员首发!这是U23新政带来的青春风暴,随着联赛的进行,涌现了不少潜力股。最闪耀的莫过于黄紫昌和韦世豪</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page11.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">在一场女足亚洲杯小组赛里,中国女足是8:1大胜东道主约旦队,本场比赛之前中国女足已经提前锁定小组头名出线了</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page9.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">北京人和明晚将在家门口迎战贵州恒丰,这也是两位西班牙籍主教练之间的较量。赛前发布会上,人和主帅路易斯对曼萨诺不吝赞美,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page10.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">中国足协一声令下,中超所有俱乐部都纷纷派出年轻球员首发!这是U23新政带来的青春风暴,随着联赛的进行,涌现了不少潜力股。最闪耀的莫过于黄紫昌和韦世豪</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page11.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">在一场女足亚洲杯小组赛里,中国女足是8:1大胜东道主约旦队,本场比赛之前中国女足已经提前锁定小组头名出线了</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page9.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">北京人和明晚将在家门口迎战贵州恒丰,这也是两位西班牙籍主教练之间的较量。赛前发布会上,人和主帅路易斯对曼萨诺不吝赞美,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page10.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">中国足协一声令下,中超所有俱乐部都纷纷派出年轻球员首发!这是U23新政带来的青春风暴,随着联赛的进行,涌现了不少潜力股。最闪耀的莫过于黄紫昌和韦世豪</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page11.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">在一场女足亚洲杯小组赛里,中国女足是8:1大胜东道主约旦队,本场比赛之前中国女足已经提前锁定小组头名出线了</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
				</div>
				<div class="aui-nav-list-item">
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page12.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">叙利亚向联合国喊冤:化武都是英美等国偷运来的叙利亚向联合国喊冤:化武都是英美等国偷运来的</a>
							</h2>
							<p>
								<em>2018年03月01日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page13.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">随后将整个杜马镇交给政府军。这意味着为期两个月的“大马士革之钢”战役以政府军的全面胜利而告终。</a>
							</h2>
							<p>
								<em>2018年03月24日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page14.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">解放军台海演习:台当局装镇定 美关切“战略意图”解放军台海演习:台当局装镇定 美关切“战略意图”,</a>
							</h2>
							<p>
								<em>2018年02月18日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page12.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">叙利亚向联合国喊冤:化武都是英美等国偷运来的叙利亚向联合国喊冤:化武都是英美等国偷运来的</a>
							</h2>
							<p>
								<em>2018年03月01日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page13.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">随后将整个杜马镇交给政府军。这意味着为期两个月的“大马士革之钢”战役以政府军的全面胜利而告终。</a>
							</h2>
							<p>
								<em>2018年03月24日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page14.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">解放军台海演习:台当局装镇定 美关切“战略意图”解放军台海演习:台当局装镇定 美关切“战略意图”,</a>
							</h2>
							<p>
								<em>2018年02月18日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page12.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">叙利亚向联合国喊冤:化武都是英美等国偷运来的叙利亚向联合国喊冤:化武都是英美等国偷运来的</a>
							</h2>
							<p>
								<em>2018年03月01日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page13.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">随后将整个杜马镇交给政府军。这意味着为期两个月的“大马士革之钢”战役以政府军的全面胜利而告终。</a>
							</h2>
							<p>
								<em>2018年03月24日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page14.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">解放军台海演习:台当局装镇定 美关切“战略意图”解放军台海演习:台当局装镇定 美关切“战略意图”,</a>
							</h2>
							<p>
								<em>2018年02月18日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
				</div>
				<div class="aui-nav-list-item">
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page15.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">在小米公司董事长、CEO雷军微博不遗余力的推广预热之下,原本籍籍无名的黑鲨近期关注度暴涨。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page16.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">赛诺官微微博发布一条赛诺快讯,信息显示,4月1日开售的OPPOR15,在上市第二周即登顶开放市场销量冠军,其火爆人气可见一斑。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page17.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">随着华为P20系列发布会进行最后的倒计时,关于发布会的各种爆料、解读也逐渐浮出水面。除了最大的亮点——华为P20系列产品本身外,发布会的形式和风格,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page15.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">在小米公司董事长、CEO雷军微博不遗余力的推广预热之下,原本籍籍无名的黑鲨近期关注度暴涨。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page16.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">赛诺官微微博发布一条赛诺快讯,信息显示,4月1日开售的OPPOR15,在上市第二周即登顶开放市场销量冠军,其火爆人气可见一斑。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page17.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">随着华为P20系列发布会进行最后的倒计时,关于发布会的各种爆料、解读也逐渐浮出水面。除了最大的亮点——华为P20系列产品本身外,发布会的形式和风格,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page15.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">在小米公司董事长、CEO雷军微博不遗余力的推广预热之下,原本籍籍无名的黑鲨近期关注度暴涨。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page16.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">赛诺官微微博发布一条赛诺快讯,信息显示,4月1日开售的OPPOR15,在上市第二周即登顶开放市场销量冠军,其火爆人气可见一斑。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page17.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">随着华为P20系列发布会进行最后的倒计时,关于发布会的各种爆料、解读也逐渐浮出水面。除了最大的亮点——华为P20系列产品本身外,发布会的形式和风格,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
				</div>
				<div class="aui-nav-list-item">
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page18.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">很多女明星的光泽肌其实都离不开高光的功劳,自从张韶涵的高光成为网友热搜款之后,这个在我们彩妆中不是必备的单品又被炒热了起来,但高光到底该怎么用呢?微博截图</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page19.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">刘诗诗:我刚刚在店里每个游戏都尝试了一下,最吸引我的还是夹娃娃机,我一开始有夹到好兴奋,后来就夹不到了,这个游戏还是有一定难度的需要技巧。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page20.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">张韶涵带火了高光 这才是高级感妆容的打开方式</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page18.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">很多女明星的光泽肌其实都离不开高光的功劳,自从张韶涵的高光成为网友热搜款之后,这个在我们彩妆中不是必备的单品又被炒热了起来,但高光到底该怎么用呢?微博截图</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page19.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">刘诗诗:我刚刚在店里每个游戏都尝试了一下,最吸引我的还是夹娃娃机,我一开始有夹到好兴奋,后来就夹不到了,这个游戏还是有一定难度的需要技巧。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page20.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">张韶涵带火了高光 这才是高级感妆容的打开方式</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page18.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">很多女明星的光泽肌其实都离不开高光的功劳,自从张韶涵的高光成为网友热搜款之后,这个在我们彩妆中不是必备的单品又被炒热了起来,但高光到底该怎么用呢?微博截图</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page19.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">刘诗诗:我刚刚在店里每个游戏都尝试了一下,最吸引我的还是夹娃娃机,我一开始有夹到好兴奋,后来就夹不到了,这个游戏还是有一定难度的需要技巧。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page20.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">张韶涵带火了高光 这才是高级感妆容的打开方式</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
				</div>
				<div class="aui-nav-list-item">
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page21.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">将亮相洛杉矶车展 宝马X7量产内饰谍照曝光将亮相洛杉矶车展 宝马X7量产内饰谍照曝光将亮相洛杉矶车展 宝马X7量产内饰谍照曝光,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page22.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">比速T5 8AT便宜还实用 开着舒服最重要。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page23.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">全新奥迪A6 Avant官图 跟随A6更新的脚步全新奥迪A6 Avant官图 跟随A6更新的脚步全新奥迪A6 Avant官图 跟随A6更新的脚步,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page21.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">将亮相洛杉矶车展 宝马X7量产内饰谍照曝光将亮相洛杉矶车展 宝马X7量产内饰谍照曝光将亮相洛杉矶车展 宝马X7量产内饰谍照曝光,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page22.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">比速T5 8AT便宜还实用 开着舒服最重要。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page23.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">全新奥迪A6 Avant官图 跟随A6更新的脚步全新奥迪A6 Avant官图 跟随A6更新的脚步全新奥迪A6 Avant官图 跟随A6更新的脚步,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page21.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">将亮相洛杉矶车展 宝马X7量产内饰谍照曝光将亮相洛杉矶车展 宝马X7量产内饰谍照曝光将亮相洛杉矶车展 宝马X7量产内饰谍照曝光,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page22.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">比速T5 8AT便宜还实用 开着舒服最重要。</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
					<div class="aui-page-list">
						<div class="aui-page-img">
							<a href="javascript:;">
								<img src="img/page23.png"/>
							</a>
						</div>
						<div class="aui-page-text">
							<h2>
								<a href="javascript:;">全新奥迪A6 Avant官图 跟随A6更新的脚步全新奥迪A6 Avant官图 跟随A6更新的脚步全新奥迪A6 Avant官图 跟随A6更新的脚步,</a>
							</h2>
							<p>
								<em>2018年04月14日</em>
								<em>来源:海外网</em>
								<span class="aui-comment">22</span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
        <script type="text/javascript"> 
		//tab切换
        $(function(){
            $('.aui-nav-list-box ul li').click(function(){
                $(this).addClass('aui-current').siblings().removeClass('aui-current');
                $('.aui-nav-list-tab>div:eq('+$(this).index()+')').show().siblings().hide();
            })
        });
        //导航浮动
        $(function(){
            var _line=parseInt($(window).height()/3);
            $(window).scroll(function(){
                if ($(window).scrollTop()>60) {
                    $('.aui-nav-list-box').css({'position':'fixed','top':0})
                }else{
                    $('.aui-nav-list-box').css({'position':'','top':''})
                };
            });
        });
        </script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 文字叠加 文字层叠 滑动导航菜单 滑动导航 滑动菜单 浮动菜单 浮动导航 导航切换 菜单切换 滚动导航菜单 滚动菜单 滚动导航 h5动画导航 h5动画菜单 html5动画导航 html5动画菜单 收缩菜单 收缩导航 flash导航菜单 flash导航条 flash导航 flash菜单 flash下拉菜单 flash下拉导航菜单 右键菜单 文字收缩展开 文字收缩 文字展开 文字放大缩小 文字缩放 文字大小 文字放大 文字缩小 文字变大 文字变小 文字翻转 文字旋转 文字淡出淡进 文字淡出 文字淡进 文字全屏 文字延迟加载 文字延迟 文字加载 flash焦点图 flash幻灯片 flashbanner flash图片轮播 文字提示框 提示文字 文字拖动 文字拖拽 滑动选项卡 滑动切换 滚动切换 滚动条切换 360全景 360度全景 h5文字动画 h5文字边框动画 html5文字动画 html5文字边框动画 文字切换 文字选项卡 文字滚动 文字无缝滚动 文字间歇滚动 文字滑动 文字滑块 滑动手风琴 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 图片文字 文字导航菜单 文字导航 文字菜单 焦点图 幻灯片 轮播图 bar焦点图 导航菜单 导航条 菜单栏 导航栏 分类导航 响应式导航条 响应式导航 文字 文字插件 文字标签 文字标签云 标签云 带简介的焦点图 固定导航 固定菜单 文字列表 选项卡自动切换 列表切换 翻页切换

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到