Question

我想自动动画高度页面。

我搜索并尝试了各种代码组合，但我无法正确使用。我在.animate中使用.load来更改包含动画的页面内容。菜单上有四个ul。

当我点击链接时，它们将是：

+活动页面标记动画。
+身体加载动画。
+用动画清除当前页面的内容 +加载所选页面的内容 -Re-height div。
+用动画显示新内容 Div的高度必须至少为560px。如果新内容比当前内容长，则div的高度会增加。如果新内容小于当前内容，请减少。

Jquery的：

//Click

$("#menu ul li:nth-child(2)").click(function() {
$("#mselector").animate({"top":"202px",opacity:1},400);
$("body").animate({opacity:0.70},400);
$("#content").animate({"left":"-=50px",opacity:0},200).load("http://ouxhax.tr.gg/ #content", function() {
            var newheight=$("#content").height();
            $(".sagsutun").animate({maxHeight:newheight},1000, function() {

$("#mselector").animate({opacity:0.50},1000);
$("body").animate({opacity:1},400);
$("#content").animate({"left":"+=50px",opacity:1},400);});
        });
    });

CSS

.sagsutun{
  width: 766px;
  min-height:560px;
  padding-left:30px;
  padding-bottom:30px;
  text-align: left;
  float: left;
  background-color:#000;
  opacity:0.90;
  border-right:2px solid #00ff7f;
  border-left:2px solid #00ff7f;
  border-bottom:10px solid #00ff7f;
  border-radius:0px 0px 30px 30px;
  color:#FFF;
  font-family: 'Play', sans-serif;
  font-size: small;
}

我是Jquery和CSS的新手。 Here是状态......

带有动画的自动高度

0 个答案: