Javascript 隐藏横幅 slider

Question

如何使用 javascript 隐藏图像 slider ？我想在第一次加载时显示此横幅，并想用按钮或“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

当然，如果你想永久隐藏它，你必须添加一些到数据库 否则每次刷新 session 时它都会出现:)