jquery - 从左侧滑动 DIV

Question

我正在尝试使用一个简单的 div(leftContainer) 并希望使其在页面加载时从左侧滑动到其总宽度，而不是单击按钮。

这是我的代码：

<div class="leftContainer ">
<div class="header">Header</div>
<div class="mainbody">
    <p>Body</p>
</div> 

​演示

Answer 1

您可以使用 jQuery 为宽度设置动画。

http://jsfiddle.net/YCVhH/9/

$('.leftContainer').animate({ width: '100%'});​

Answer 2

$("div.leftContainer")
    .css("margin-left",-$(this).width())
    .animate({
        marginLeft:0
    }, 700);

演示

Answer 3

尝试以下操作：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"> 
    $(document).ready(function()
    {
        $("div.leftContainer").animate({width:100%}, "slow");
    });
</script>

如果您正在寻找固定宽度而不是 100%，那么也要更改它。祝你好运！如果它不起作用，请更清楚你想要做什么，我会尽力帮助你。

Answer 4

做了一个简单的例子，不知道你在做什么。

http://jsfiddle.net/YCVhH/12/

使用 animate 做任何你想做的事情animate();

$(".leftContainer").animate({ left: "50%" });