使用css或jquery将宽度从0增加到100%

时间:2016-08-05 21:04:12

标签: jquery css

我想将宽度从0增加到100。

我试过这个:

            <script type="text/javascript">
    $(document).ready(function(){
        $("#underline").animate({width: '250px'});
    };
    </script>

要增加它的宽度,但它不会起作用。我也做过一些研究,看看它是否可以用css,但我最后还有关于悬停效果的教程。

如果有人可以帮我解决这个问题,我真的很感激。

3 个答案:

答案 0 :(得分:2)

你的脚本看起来不错。就是这样,我认为你缺少一个破坏你的代码的括号。 :)

<script type="text/javascript">
$(document).ready(function(){
    $("#underline").animate({width: '250px'});
 });
//^------- here
</script>

答案 1 :(得分:2)

语法错误: document.ready

缺少关闭括号

JS:

   $(document).ready(function(){
        $("#underline").animate({width: '250px'});
    });

http://codepen.io/nagasai/pen/rLqqZE

答案 2 :(得分:1)

你想要这个:

 $(document).ready(function(){
        $("#underline").css('width', '250px');
    });

在这里工作小提琴:

https://jsfiddle.net/hbtv3bkn/