在页面加载

时间:2016-02-11 00:41:51

标签: javascript jquery html css

当我的页面加载时,我想让我的徽标淡入并同时从20-30px向下移动。我有这个代码使它淡入,并且工作正常:

$(document).ready(function() {
  $('#logo').fadeIn(2000);
});
    #logo {
      width: 80%;
      max-width: 650px;
      padding-top: 50px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
<img id="logo" src="assets/img/mainlogo.png" style="display: none" />

但我真的可以使用一些帮助来让它移动。我读了很多关于make JavaScript来为元素添加一个新的类或Id,以便类具有不同的填充顶部或边缘顶部,但我无法使其工作。

提前致谢。

1 个答案:

答案 0 :(得分:0)

尝试添加

("#logo").css("padding-top", "15px"); 

准备好&#34;文件&#34;功能

来源:http://www.w3schools.com/jquery/jquery_css.asp