Question

我已经创建了一个div并将其宽度设置为0，当页面加载了document.ready时，我将其宽度设置为87％。问题是宽度不是从0开始，而是从100％开始然后达到87％。有没有办法让它走相反的道路。我尝试过使用像素，从相对绝对位置改变它的位置，也可以摆动动画，但似乎没什么用。感谢提前

这是代码

HTML

<div class="rsch"><div class="teacherSlider"></div><div class="teacherContent"></div></div>

CSS

.rsch{
width:0;//850px
height:70px;
position:relative;
margin-top:9%;
margin-left:2%;
border:1px solid black;
overflow:hidden;
}
.teacherSlider{
width:17.5%;//17.5
height:100%;
position:absolute;
display:block;
background-color: #ff0700;
z-index:2;
}
.teacherContent{
width:82.5%;
height:100%;
left:17.5%;
position:relative;
background-color:blue;
z-index:1;
}

jquery的

$(function() {
        $('.rsch').animate({
            width:"87%"
        }, 1000,'linear');
    });

Answer 1

这是因为css文件是在javascript文件之后加载的。

宽度动画不是从0

1 个答案: