1

我很难理解和使用 jQuery 创建适当的函数。

我的网站有 2 个主要区域。第一个是出现在我命名为面板的另一个区域之上的内容区域。

我想要的只是这个面板，当我单击特定链接以向上移动一点并调整移动大小时。它应该代表一个从下向上生长的面板，目前无法正常工作！？

这是我的 jQuery 代码：

<script>
$("#moveUp").click(
 function(){
     $("#panel").animate(
   { 
          marginTop: "-=50px",
    }, 1000 ); 
   }
  );
 };

 function() {
  $("#panel").animate(
   { 
          height: "+=50px",
    }, 1000 ); 
   }
  );
 } 
);
</script>

这是html：

<body>

<div id="content-container">

<div id="content">
some content
</div>

</div>

<div id="panel">

<div class="content">
other content
<br /><br />
<a href="#" id="moveUp">move a bit up</a>
</div>

</div>

</body>

我的目标是当我点击“向上移动”链接时，面板向上移动 50px。稍后我想在此处显示我的电子邮件地址，并将具有一个功能，该功能将在我的电子邮件中显示一个 div 元素，或者如果我按下其他链接 - 它会隐藏我的电子邮件地址 - 面板将向下移动。

4

1 回答 1

3

您的脚本中有很多语法错误。一些大括号不匹配，你真的不需要声明第二个函数来动画高度，你可以在一次animate()调用中实现多个属性操作。这是一个有效的版本：

<script type="text/javascript">
$("#moveUp").click(function(){
     $("#panel").animate({
          marginTop: "-=50px",          
          height: "+=50px"
    }, 1000);
});
</script>

我很确定这就是您要实现的目标，但请仔细检查。

于 2009-09-06T18:56:12.047 回答