0

我遇到了下面的示例来动态更改对象的形状和大小。

这不是一个真实的例子，但一旦我做对了，我就会应用它

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
${"div").css("position","relative");
</script>
<script> 
$(document).ready(function(){
  $("div").mouseenter(function(){
    var div=$("div");
    div.animate({height:'300px',opacity:'0.4'},"slow");
    div.animate({width:'300px',opacity:'0.8'},"slow");
    div.animate({height:'100px',opacity:'0.4'},"slow");
    div.animate({width:'100px',opacity:'0.8'},"slow");
  });
});
</script> 
</head>

<body>
<button>Start Animation</button>
<p>By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>

</body>
</html>

段落标签说我需要先设置 CSS 定位来创建动态内容——我该怎么做？是否也可以在创建时启用所有组件的动态性？

4

1 回答 1

0

这是您的动画工作的 JSFiddle：http: //jsfiddle.net/rzFzd/1。

如果 jQuery 没有正确加载，那是因为您的 Web 服务可能与您的脚本标签混淆了。

改变这个：

<script>

对此：

<script rel="javascript" type="text/javascript">

type如果您使用的是支持 HTML5 的浏览器，则无需指定。

于 2013-06-17T00:53:44.483 回答