无缝滚动的一个简单封装

最新推荐文章于 2024-02-03 10:38:23 发布

Onlyfu

最新推荐文章于 2024-02-03 10:38:23 发布

阅读量665

点赞数

分类专栏： Javascript 文章标签： function xhtml div float table html

本文链接：https://blog.csdn.net/Onlyfu/article/details/3915891

版权

这个博客展示了如何使用JavaScript创建一个无缝滚动效果，适用于图片或其他内容的左右、上下滚动。通过定义`Marquee`函数，实现了根据指定方向（左、右、上、下）平滑滚动的效果，并支持鼠标悬停时停止滚动，离开时继续滚动。示例代码中包含了四个滚动实例，用于演示不同方向的滚动效果。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无缝滚动图片示例-F-BLOG</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> ul{list-style:none;padding:0px;margin:0px;} #demo1 ul,#demo2 ul{width:400px;} #demo1 li,#demo2 li{float:left;} </style> <mce:script type="text/javascript"&