首页 > 其他 > 详细

带读条的轮播

时间:2015-09-25 18:09:05      阅读:191      评论:0      收藏:0      [点我收藏+]

<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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!