padding-top: 5px;
}
.left {
flex: 1;
}
.right {
flex: 3;
display: flex;
flex-direction: column;
}
.bottom {
width: 100%;
flex: 1;
background-color: rgba(186, 243, 210, 0.952);
display: flex;
flex-direction: column;
padding-left: 5px;
}
.downcount {
flex: 1;
font-size: 8px;
font-family: “宋体”;
line-height: 8px;
margin-top: 10px;
}
.text {
font-family: “微软雅黑”;
font-size: 15px;
}
.video {
width: 100%;
margin-top: 10px;
flex: 1;
font-size: 8px;
}
.download {
width: 100%;
background: #efefef;
text-align: center;
height: 25px;
}
输出查看效果:


二、交互与应用
知识点
2.封装DOM元素为jQuery对象
${变量名}传递参数
3.
scrollTo(0,0);滚动到x,y坐标都为0的位置
效果图:

本文介绍了JavaScript中的forEach()方法使用,如何将DOM元素封装为jQuery对象并传递参数,以及scrollTo()函数在网页滚动中的应用。通过实例展示了这些技术在实际交互中的运用。
791






