<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--还是在头部中首先导入jQuery脚本,Hbuilder的快捷键是生存-->
<script src="../../js/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>
<!--然后加入内联样式-->
<style type="text/css">
/*div的标签选择器*/
div{
/*宽高三百像素*/
width: 300px;
height: 300px;
/*背景颜色灰色*/
background: gray;
/*定位声明*/
position: absolute;
}
</style>
</head>
<body>
<!--写一个盒模型-->
<div></div>
</body>
<!--添加jQuery脚本规则的JavaScript代码,使用jQuery脚本-->
<script type="text/javascript">
// 使用$()对div标签进行选取
// .amimate是一个动画方法
// .delay是一个延时方法
$('div').delay(1500).animate({
// 高度为五百像素
'height':'500px'
},3000)
// 默认时间单位是微秒
</script>
</html>
【前端-JavaScript】H5中使用jQuery脚本 对静态盒模型进行向下延伸动画的记录-魏泯
最新推荐文章于 2021-06-09 14:55:35 发布