Html
    Css
    Js

    
                        
 * {
	margin:0;
	padding:0;
}
body {
	background-color:#000000;
}
.alert_box {
	overflow:hidden;
	white-space:nowrap;
	width:100%;
	height:40px;
	background-color:rgba(150,166,218,0.233);
	line-height:40px;
	font-size:16px;
	color:#AFD4EE;
}
.red_alert {
	color:#FF6363;
}
.alert_box_content {
	width:100%;
	display:inline-block;
	animation:scroll-left 25s linear infinite;
}
@keyframes scroll-left {
	0% {
	transform:translateX(100%);
}
100% {
	transform:translateX(0%);
}
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

html+css 顶部滚动通知栏

0