走马灯上下滚动，鼠标移入停止滚动

最新推荐文章于 2024-03-16 12:08:35 发布

前端小云儿

最新推荐文章于 2024-03-16 12:08:35 发布

阅读量380

点赞数

分类专栏：前端静态页面以及逻辑文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/jieweiwujie/article/details/130975626

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 16 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文介绍如何使用JavaScript和HTML创建一个走马灯效果，当鼠标移到走马灯上时，滚动会暂停。我们将探讨关键代码和实现细节。

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

<template>
  <div class="wrap_form">
    <!--  direction="vertical 设置纵向"
        autoplay 自动播放
        :interval="3000" 间隔时间
        indicator-position="none" 不展示指示器的位置 位置分为里和外 -->
    <div style="background-color: #ccc; line-height: 40px">
      <el-carousel
        height="40px"
        direction="vertical"
        autoplay
        :interval="3000"
        indicator-position="none"
      >
        <el-carousel-item v-for="item in dataArr" :key="item">
          <div class="medium">{
  { it

了解本专栏