javascript - jquery动画宽高设置

标签 javascript jquery html css

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

<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. 在 html 文件中包含图像:

  1. 在 CSS 文件中:

    Image_Car{

    position:absolute; 顶部:-20px; 左:150px; 右:140px; 宽度:250px; 高度:260px;

3.在 jQuery 中: 功能横幅动画(){ //Jquery动画 $("#Image_Car").animate({ 宽度: "220px", 高度:“240px” }, 1000);

这将使它按预期工作..

关于javascript - jquery动画宽高设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24176666/

相关文章:

javascript - 我怎么知道点击了哪个按钮作为对象添加到 ng-repeat 中的数组?

javascript - 如何自动分页取决于angularjs中的容器高度

html - npm http-server 下载 index.html 而不是服务

javascript - 在 lodash 中,为什么谓词和结果变量没有以 var 关键字作为前缀?

javascript - 如何将此 JavaScript 应用于所选图像?

javascript - 具有嵌套复选框节点选择的 Treeview

jquery - 如何缩放多个 div 并留在容器内?

javascript - 将 jQuery 操作应用于特定控件

javascript - 在折线图顶部显示值

javascript - 在 bxslider 幻灯片中将图像居中的问题