Question

<head>
    <meta charset="UTF-8">
    <title>Slider</title>
    <script type="text/javascript" src="js/jquery-2.0.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
    <script type="text/javascript">
        $('#slider').cycle({

            fx: 'scrollHorz',
            /* Change the fx 'fade' to 'scrollHorz' if you want*/

            speed: 'slow',

            timeout: 3000,

            next: '#next',

            prev: '#prev'

        });
    </script>
    <style type="text/css">
        #wrapper {
            display: block;
            margin: auto;
            height: 250px;
            width: 100%;
        }
        #container {
            overflow: auto;
        }
        #slider {
            display: block;
            float: left;
            height: 250px;
            width: 100%;
            overflow: hidden;
            position: absolute;
        }
    </style>
</head>

<body>
    <div id="wrapper">
        <div id="container">
            <div id="slider">
                <img src="images/bookline.jpg" width="100%" height="250" alt="flight-1">
                <img src="images/fam.jpg" width="100%" height="250" alt="flight-1">
                <img src="images/houseog.jpg" width="100%" height="250" alt="flight-1">
                <img src="images/skyline.jpg" width="100%" height="250" alt="flight-1">
            </div>
        </div>
    </div>
</body>

如何在菜单栏顶部显示菜单栏？我的滑块似乎使我的菜单栏不可见

0 个答案: