JS实现列表上下滚动模拟广播消息

最新推荐文章于 2024-04-28 16:41:42 发布

Nevercome_

最新推荐文章于 2024-04-28 16:41:42 发布

阅读量551

点赞数

文章标签：前端 Javascript

本文链接：https://blog.csdn.net/Sunsscode/article/details/103499105

版权

实现效果无限循环悬停停止增加了消息出现的暂停实现代码代码使用的是到处CV的那个书讯快递的版本，原始代码还是不错得，我自己在此基础上做了改进，实现滚动暂停的效果。记得导入Jquery<!DOCTYPE html><html> <head> <style> .scrollNotice { height: 30px...

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

实现效果

无限循环
悬停停止
增加了消息出现的暂停

实现代码

代码使用的是到处CV的那个书讯快递的版本，原始代码还是不错得，我自己在此基础上做了改进，实现滚动暂停的效果。

记得导入Jquery

<!DOCTYPE html>
<html>
	<head>
		<style>
			.scrollNotice {
    
				height: 30px;
				width: 100px;
				overflow: hidden;
			}

			.scrollNotice li {
    
				height: 30px;
				text-overflow: ellipsis;
				white-space:nowrap;
				overflow: hidden;
			}
		</style>
	</head>
	<body>
		<ul id="scrollNotice" class="scrollNotice">
			<li id="noticeId1">1・IDEA*****************************

最低0.47元/天解锁文章

Nevercome_

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS实现列表上下滚动模拟广播消息

实现效果无限循环悬停停止增加了消息出现的暂停实现代码代码使用的是到处CV的那个书讯快递的版本，原始代码还是不错得，我自己在此基础上做了改进，实现滚动暂停的效果。记得导入Jquery<!DOCTYPE html><html> <head> <style> .scrollNotice { height: 30px...
复制链接

扫一扫