个人中心
gpt4 book ai didi

jquery - 移动面板并调整其大小以模拟生长效果

转载 作者：行者123 更新时间：2023-12-01 08:28:46 25 4
gpt4 key购买 nike

我很难理解并使用 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 元素，或者如果我按其他链接 - 它将隐藏我的电子邮件地址 - 面板将向下移动。

最佳答案

您的脚本中有很多语法错误。有些大括号不匹配，并且您确实不需要声明第二个函数来对高度进行动画处理，您可以在单个 animate() 调用中实现多个属性操作。这是一个有效的版本:

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

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

关于jquery - 移动面板并调整其大小以模拟生长效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1386132/

25 4 0
文章推荐： jquery ajax 具有两个服务调用
文章推荐： string - 如何将捕获的内容与lua中的另一个字符串进行比较
文章推荐： python - 共享不同大小的子图轴的缩放比例(不共享轴)
文章推荐： Mysql:如何诊断和纠正错误的时区
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com