Jquery动画宽度和高度设置

时间:2014-06-12 04:53:54

标签: javascript jquery html css css3

这是我的JsFiddle代码。现在我的动画工作正常但是当我用this image替换我的图像时。然后我的动画以不同的方式工作。我也厌倦了设置宽度和高度,但它不起作用。我需要我的动画像现在一样在小提琴中工作。我已经裁剪了当前的图像宽度和高度以使其工作但这不是原始图像我不想裁剪我的图像。谁能告诉我我在这里缺少什么?

<div id="wrapper">
    <div id="mainContainer">
        <p class="copy">Disclaimer.</p>
        <div id="text">
            <img id="Image_Car" class="container" src="http://i.share.pho.to/9f303156_o.jpeg" />

        </div>
        <div id="Div1">
            <p id="disclaimer">Details*</p>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

您需要进行以下更改: 1.在html文件中包含图片:     

  1. 在css文件中:

    Image_Car {

    的位置是:绝对的; 顶部:-20px; 左:150像素; 右:140px; 宽度:250px; 身高:260px; }

  2. 3.在jQuery中:     function bannerAnimation(){     // Jquery动画     $(“#Image_Car”)。animate({width:“220px”,         身高:“240px”     },1000);

    这将使其按预期工作..