Question

我正在尝试编写一系列div / word元素从屏幕左侧滑入然后逐渐淡出，然后下一个从屏幕上进入。我希望它能让它循环，不需要点击动作来加载。我的代码在执行此过程时是否正确？我还在学习，但似乎没有用。

$(document).ready(function(){   
 $("#design").animate({left: "250"}, 1000, function() {
        $("#brand").animate({left: "250"}, 1000, function() {
    });
});

setTimeout(function(){
$("design").fadeOut("slow", function () {
$("design").remove();
});

}, 1000);

CSS

   #design {
width: 5%;
padding: 4px;
top: 75%;
right: 31.8%;
right: -200px;
background-color: #ffff44;
z-index: 0;
   }

  #brand {
width: 4%;
padding: 4px;
top: 43%;
right: -200px;
font-size: 1.4em;
background-color: #ffff44;
z-index: 0;
    }

Answer 1

你有没有试过看滑块或代码？这是一个滑块可能会做你想要的。 bx slider

从左到右滑动div时间

1 个答案: