1、新建html文件
2、创建div元素和按钮
3、引入jquery.js
4、js创建“height() 方法设置div元素的高度”的代码
5、预览效果如图
6、点击按钮，div元素的高度发生改变，预览效果如图
<html><head>
<script language="JavaScript">
function createDiv(){
var div = document.createElement('div')
document.body.appendChild(div)
div.style.cssText = "border: 1 solidwidth: 100height: 0overflow: 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>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）