1

我为一个网站设计了一个简单的 jquery 横幅。横幅工作正常，但如何以设置的间隔刷新横幅。我已经浏览了各种代码，但它不起作用。请通过在特定时间间隔内更正横幅的代码重复来帮助我。

CSS代码：

 .banner {-webkit-border-radius:6px;    -moz-border-radius:8px;    border-radius:8px; 
          -khtml-border-radius: 8px; border:#bbd9ef solid 1px; background:#f5fffa; 
          padding: 5px 0 0 20px; width: 200px; height: 110px; 
         }
  .k, .l, .m, .n {position: relative; top: -200px; text-decoration: none; }
  .n { font-weight: bold; color: red; }

jquery1.9.1 的脚本代码：

 $(document).ready(function() {
        $(".banner a").hide();
           (function() {
             $(".k").show().animate({top: "0"}, 3000, function() {
                $(".l").show().animate({top: "0"},3000, function(){
                $(".m").show().animate({top: "0"},3000, function(){
                  $(".n").show().animate({top: "0"},3000);
                  });
                });
            });
          })();
         });

HTML代码：

<div class="banner">
    <a href="#" class="k">Design banner in your ownway</a><br />
    <a href="#" class="l"> Get more taffic and publishers.</a><br/>
    <a href="#" class="m">Still doubt, please do contact:</a><br/><br/>
    <a href="#" class="n">www.freemenu.info</a>
</div>
4

1 回答 1

1

setInterval像这样使用：http: //jsfiddle.net/f2JCV/1/

setInterval不会立即执行。它在开始之前等待超时，所以我写了一个帮助函数来立即调用它。

$(document).ready(function() {

    // Call the fn immediately, then every interval milliseconds
    function setIntervalNow(fn,interval) {
        fn();
        return setInterval(fn, interval);
    }

    setIntervalNow(function() {
        $(".banner a").hide().css('top',-200); // reset the items to the top
           (function() {
             $(".k").show().animate({top: "0"}, 3000, function() {
                $(".l").show().animate({top: "0"},3000, function(){
                $(".m").show().animate({top: "0"},3000, function(){
                  $(".n").show().animate({top: "0"},3000);
                  });
                });
            });
          })();
    }, 15000); // repeat every 15 seconds
});
于 2013-09-22T16:08:46.733 回答