<html>
<head>
<title>轮播</title>
<link href="~/Content/style/style.css" rel="stylesheet" />
</head>
<!-- END HEAD -->
<body>
<!-- 开始页面容器 -->
<div class="page-container">
<!-- 开始运行滑块 -->
<div class="fullwidthbanner-container slider-main">
<div class="fullwidthabnner">
<ul id="revolutionul" style="display: none;">
<li data-transition="fade" data-slotamount="8" data-masterspeed="300" data-delay="6400">
<a href="#">
<img src="~/Content/images/slide2.jpg" ></a>
</li>
<li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-delay="6400">
<a href="#">
<img src="~/Content/images/slide4.jpg" ></a>
</li>
<li data-transition="fade" data-slotamount="8" data-masterspeed="300" data-delay="6400">
<a href="#">
<img src="~/Content/images/slide5.jpg" ></a>
</li>
<li data-transition="fade" data-slotamount="8" data-masterspeed="300" data-delay="6400">
<a href="#">
<img src="~/Content/images/slide6.jpg" ></a>
</li>
</ul>
<div class="tp-bannertimer tp-bottom"></div>
<!--进度条-->
</div>
</div>
<!-- END 运行滑块 -->
</div>
<!-- END 页面内容 -->
<!-- 在底部的负载的JavaScript代码,减少加载时间, 不可缺少-->
<!-- 从核心插件（所有页的要求） -->
<script type="text/javascript" src="~/Content/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="~/Content/js/bootstrap.min.js"></script>
<!-- 开始页级（仅对当前页面所需的JavaScript代码）-->
<script type="text/javascript" src="~/Content/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="~/Content/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="~/Content/js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="~/Content/js/app.js"></script>
<script type="text/javascript" src="~/Content/js/index.js"></script>
<script type="text/javascript">
$(function () {
App.init();
App.initBxSlider();
Index.initRevolutionSlider();
});
</script>
</body>
</html>
原文：http://www.cnblogs.com/tmpc/p/4838837.html