Question

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

这是我的代码：

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

的 DEMO

Answer 1

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

demo

Answer 2

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

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

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

Answer 3

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

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

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

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

Answer 4

尝试以下方法：

<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％，请更改它。祝好运！如果它不起作用，请更清楚你想做什么，我会尽力帮助你。

从左侧滑动DIV

4 个答案: