js图片文字向左无缝滚动效果代码

最新推荐文章于 2024-09-24 15:19:32 发布

a403852386

最新推荐文章于 2024-09-24 15:19:32 发布

阅读量3k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/a403852386/article/details/80179997

版权

这是一个使用JavaScript编写的HTML代码示例，实现了图片和文字在页面上向左无缝滚动的效果。通过设置样式和JavaScript函数，当鼠标悬停时停止滚动，离开时恢复滚动，提供了一种动态展示回收站文件的方式。

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

<html xmlns="http://www.w3.org/1999/xhtml">
 <head></head>
 <body>   
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <title>js文字向左无缝滚动</title>   
<style type="text/css">
                    .qimo8{ overflow:hidden; width:815px;}
                    .qimo8 .qimo {/*width:99999999px;*/width:8000%; height:30px;}
                    .qimo8 .qimo div{ float:left;}
                    .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
                    .qimo8 .qimo ul li{ text-align: center; width: 160px; float:left; line-height:30px; list-style:none; margin-right:18px;}
                    .qimo8 .qimo ul li img {width: 160px;height: 130px;}
                    .qimo8 li a{color:#444444;}
                </style>
                <div id="demo" class="qimo8">
                    <div class