js高手进，求一个js动态改变div高度程序
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js高手进，求一个js动态改变div高度程序相关的知识，希望对你有一定的参考价值。
比如让div高度从0到100逐渐改变（注意是逐渐而不是一下子完成）。
也就是这个改变的过程是可以看到的
<head>
<script language="javascript">
function createDiv()
var div = document.createElement('div');
document.body.appendChild(div);
div.style.cssText = "border: 1 solid; width: 100; height: 0;overflow: hidden;";
changeSize(div);
function changeSize(node)
node.style.pixelHeight += 1; //这个1是每次增加的尺寸， 值越大变大的越快
if(node.style.pixelHeight < 100)
setTimeout(function()changeSize(node); , 5); //这个5是速度 值越大就变的越慢
</script>
</head>
<body onload="createDiv();">
</body>
</html> 参考技术A 我写了一个简单的例子，我这里是调试通过的，你试试看是否可行：
<div id="ddd" style="background-color:red;height:100">1</div>
<script type=text/javascript>
function $(id)return document.getElementById(id);
var div1_h=0;
function div1_modi()
div1_h++;
$('ddd').innerHTML=div1_h;
$('ddd').style.height=div1_h;
if (div1_h<100) setTimeout('div1_modi();',80);
div1_modi();
</script> 参考技术B 顶楼上两位,,div高度渐变感觉没什么实用价值，不知道楼主是要做什么..
如果是特效,,还是用滤镜做好一点
使用 next.js 包含动态动画的正确方法
【中文标题】使用 next.js 包含动态动画的正确方法【英文标题】：Right way to include dynamic animation with next.js 【发布时间】：2022-01-15 08:45:04 【问题描述】：我想用 next js 构建一个角色创建应用程序。 这个工具应该允许用户使用给定的滑块和性别按钮来改变角色。
我想要一个随输入动态变化的角色的 2d 动画版本。例如，年龄滑块应该改变角色的年龄，而高度应该随着滑块的移动而改变高度。
但是，我完全不知道处理此类事情的正确方法是什么。当然，我需要事先创建所有 ne 动画，但是我不确定我需要以哪种方式创建它们。每次动作都改变画面似乎不对。此外，我可能只需要更改角色的某些部分。
如果你有任何类似的例子，如果你能分享它们，将不胜感激。
【问题讨论】：
【参考方案1】：您可以通过安装在 Next JS 中使用 Farmer 动作
yarn add framer-motion
# or
npm install framer-motion
或寻求帮助：https://www.freecodecamp.org/news/how-to-add-interactive-animations-and-page-transitions-to-a-next-js-web-app-with-framer-motion/
【讨论】：
以上是关于js高手进，求一个js动态改变div高度程序的主要内容，如果未能解决你的问题，请参考以下文章