面试官：来实现一个js上下信息循环滚动

2022-07-19 18:03:10 阅读：199 来源： 互联网

标签：面试官 rdwd 滚动 color child js nth rem margin

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes,viewport-fit=cover">
<title>title</title>
<meta name="keywords" content="title" />
<meta name="description" content="title" />
<link href="css/css_zsy.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style>
.rdwd{
width: 90%;
margin: 0 auto;
margin-top: 1rem;
}
.rdwd_title{
text-align: center;
color: #00c8aa;
font-weight: bold;
font-size: 0.7rem;
}
.rdwd_box{
width: 100%;
height: 10rem;
overflow-y: auto;
margin-top:0.5rem;
}
.rdwd_box::-webkit-scrollbar {
display: none;
}
.rdwd_box01 {
overflow: hidden;
}

.rdwd_box02 {
overflow: hidden;
}
.rdwd_box1
{
margin-top:0.5rem;
}
.rdwd_box2{
margin-top:0.5rem;
}
.rdwd_box3{
margin-top:0.5rem;
}
.rdwd_box1 p:nth-child(1){
color: #fd9c2b;
margin-bottom:0.2rem;
}
.rdwd_box1 p:nth-child(2) {
color: #666666;
text-align: justify;
font-size: 0.55rem;
}
.rdwd_box2 p:nth-child(1) {
color: #fd9c2b;
margin-bottom:0.2rem;
}

.rdwd_box2 p:nth-child(2) {
color: #666666;
text-align: justify;
font-size: 0.55rem;
}
.rdwd_box3 p:nth-child(1) {
color: #fd9c2b;
margin-bottom:0.2rem;
}

.rdwd_box3 p:nth-child(2) {
color: #666666;
text-align: justify;
font-size: 0.55rem;
}

</style>
</head>

更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/120055573

标签：面试官,rdwd,滚动,color,child,js,nth,rem,margin
来源： https://www.cnblogs.com/wangchuanxinshi/p/16495119.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

面试官：来实现一个js上下信息循环滚动