浏览器官网html5动画引导页

此作品是一款用html5+css3实现的，动画效果非常棒,是百度浏览器官网html5动画引导页，自带滑动导航，希望能帮到你。

分类：图片代码 > 图片滚动难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

首先引用文件

<script type="text/javascript" charset="utf-8" src="mainsite/js/libs/jquery-1.11.1_125bece.js"></script>
<script type="text/javascript" charset="utf-8" src="mainsite/js/libs/jquery.mousewheel.min_14a6833.js"></script>
<script type="text/javascript" charset="utf-8" src="mainsite/js/libs/modernizr.custom.90085_1a3f810.js"></script>
		<link rel="shortcut icon" href="/favicon.ico">
		<link type="text/css" rel="stylesheet" href="mainsite/theme/home_0d87cde.css">
<link type="text/css" rel="stylesheet" href="mainsite/theme/home-stages_2725b53.css">
<link type="text/css" rel="stylesheet" href="mainsite/theme/home-respond_00d2c5e.css">

只有简单文件引用触发，同步导航

<script>
     require('app/home');
</script>

<script>
	var _hmt = _hmt || [];
</script>
<li class="nav-home">
			<a href="http://www.jq-school.com/">首页</a>
		</li>
		<li class="nav-about">
			<a href="http://www.jq-school.com/">关于我们</a>
		</li>
		<li class="nav-log">
			<a href="http://www.jq-school.com/">版本日志</a>
		</li>
		<li class="nav-help">
			<a href="http://www.jq-school.com/">使用帮助</a>
		</li>
		<li class="nav-appstore">
			<a href="http://www.jq-school.com/" target="_blank">应用商店</a>
		</li>
		<li class="nav-forum">
			<a href="http://www.jq-school.com/" target="_blank">论坛反馈</a>
		</li>