js实现列表无间隙循环滚动

最新推荐文章于 2023-06-14 10:41:14 发布

我有一个小毛驴

最新推荐文章于 2023-06-14 10:41:14 发布

阅读量1.3k

点赞数

分类专栏： javascript html+css 文章标签： HTML5 CSS3 javascript 列表信息滚动无间隙

本文链接：https://blog.csdn.net/liumingm_music/article/details/39898817

版权

本文介绍了如何使用JavaScript配合HTML5和CSS3技术，实现一个列表信息的无间隙循环滚动效果，通过精心设计的动画和布局，确保滚动过程平滑且无中断。

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>无间隙循环滚动</title>
		<style type="text/css">
			body {
				font-size: 12px;
				line-height: 24px;
				text-algin: center;        /* 页面内容居中 */
			}
			* {
				margin: 0px;
				padding: 0px;            /*  去掉所有标签的marign和padding的值  */
			}
			ul {
				list-style: none;           /*  去掉ul标签默认的点样式  */
			}
			a {
				color: #333;
				text-decoration: none;     /* 超链接样式 */
			}
			a:hover {
				color: #ff0000;
			}
			#container {
				width: 399px;
				border: 5px solid #ababab;
				border-radius: 15px;
				box-shadow: 2px 2px 10px #ababab;
				margin: 50px auto 0;
				text-align: left;               /* 让新闻内容靠左 */
			}
			#mocc {
				height: 144px;
				width: 335px;
				margin-left: 25px;
				margin-top: 10px;
				overflow: hidden;   /*  这个一定要加，超出的内容部分要隐藏，免得撑高中间部分 */
			}
			#container

最低0.47元/天解锁文章

我有一个小毛驴

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现列表无间隙循环滚动

无间隙循环滚动 body { font-size: 12px; line-height: 24px; text-algin: center; /* 页面内容居中 */ } * { margin: 0px; padding: 0px; /* 去掉所有标签的marign和padding的值 */
复制链接

扫一扫

专栏目录