Question

如何使用javascript隐藏图像滑块？我希望在首次加载时显示此横幅，并希望使用按钮或“a”标记隐藏此横幅。如果访客不想再看到横幅，他们可以隐藏横幅。

这里是我的代码

<div class="bootslider" id="bootslider">
        <!-- Bootslider Loader -->
        <div class="bs-loader">
            <img src="img/loader.gif" width="31" height="31" alt="Loading.." id="loader" />
        </div>

        <div class="bs-container">

            <!-- Bootslider Slide -->
            <div class="bs-slide active" data-animate-in="swing" data-animate-out="magic">
                <div class="bs-foreground">
                    <div class="text-center text-white" data-x="420" data-y="144" data-speed="400" data-animate-in="fadeInDown" data-delay="400">
                        <h1 class="banner_text1">TEXT<br>
        MINING <br>
        ENGINE</h1>
                        <p class="hidden-xs banner_text2">
                            TEXT SENTIMENTAL ANALYSIS
                        </p>
                    </div>
                    <div class="text-center">
                        <div class="text-center" style="position:absolute; width:43.75%; margin-left:28.125%;">

                            <img class="banner_img_imac" style="z-index:0" data-animate-in="fadeInDown" data-delay="800" src="img/template-product-1-imac.png" alt="iMac" class="image-layer" />
                        </div>
                    </div>

                </div>
                <div class="bs-background">
                    <img src="img/template-product-1.jpg" alt="" />
                </div>
            </div>
            <!-- /Bootslider Slide -->





        </div>


        <!-- Bootslider Progress -->
        <div class="bs-progress progress">
            <div class="progress-bar wet-ashpalt"></div>
        </div>
        <!-- /Bootslider Progress -->

        <!-- Bootslider Thumbnails -->
        <div class="bs-thumbnails text-center text-wet-ashpalt">
            <ul class=""></ul>
        </div>
        <!-- /Bootslider Thumbnails -->

        <!-- Bootslider Pagination -->
        <div class="bs-pagination text-center text-wet-ashpalt">
            <ul class="list-inline"></ul>
        </div>
        <!-- /Bootslider Pagination -->

        <!-- Bootslider Controls -->
        <div class="text-center">
            <div class="bs-controls">
                <a href="javascript:void(0);" class="bs-prev wet-ashpalt"><img src="images/arrow_left.png"></a>
                <a href="javascript:void(0);" class="bs-next wet-ashpalt"><img src="images/arrow_rit.png"></a>
            </div>
        </div>
        <!-- /Bootslider Controls -->

    </div>

Answer 1

请在

之前搜索stackoverflow

猜你在寻找 THIS

当然，如果你想透过它隐藏它，你必须添加一些数据库否则，只要会话刷新，它就会每次出现：）

Javascript隐藏横幅滑块

1 个答案: