【问题标题】:Whats wrong with the .animate() [duplicate].animate() 有什么问题 [重复]
【发布时间】:2014-07-15 03:01:34
【问题描述】:

本准则有什么错误

$("button").click(function(){
    var div=$("#oarm2");
    div.animate({marginTop:'150px', transform:'skew(15deg, -60deg)'},"slow");
});

当我按下按钮时,应该在页面中向下移动一个 div 元素并更改表单。

“marginTop”是功能性的,但变换偏斜不是..

怎么了?我该怎么写?

【问题讨论】:

标签: javascript jquery


【解决方案1】:

检查这个Demo Fiddle

Js

$("#go").click(function(){    
     $("#oarm2").animate({marginTop:'150px', transform:'skew(15deg, -60deg)'},"slow"); });

HTML

<button id="go">&raquo; Run</button>
<div id="oarm2">Hello!</div>

CSS

div {
    background-color: #bca;
    width: 100px;
    border: 1px solid green;
  }

这里我包含 jquery 库文件jquery-1.8.3.js

【讨论】:

  • 谢谢 ;) 顶级作品,但不倾斜
  • 要使用倾斜和其他 CSS 过渡,我可以推荐 jQuery Transit
  • 不错!过境很好,很短!谢谢
猜你喜欢
  • 2014-01-02
  • 2018-03-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-08
相关资源
最近更新 更多