问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

网易云音乐中的这个焦点图怎么实现呢？

头像
我要学好js
    1131022

    打开网易云音乐的客户端的时候，看到了这样的焦点图。
    图片描述

    请问这样的焦点图怎么实现呢？思路是怎么样的；或者说，有没有什么库可以实现呀。谢谢！

    javascripthtmlcss
    阅读 6.6k
    6 个回答
    得票最新
    头像
    liujians
      2.6k1326
      头像
      怪我咯QAQ
        122148

        如果你是做项目，直接用插件就好，如果是学习，那就用js自己做一个轮播图吧，可以在网上看看文档，或者源码，对自己很有帮助，这个一步步自己去写还是蛮简单的，思路也挺清晰的，是个练习js的好项目

        头像
        慕少艾
          3.5k269
          头像
          zx兔子先生
            1.1k22204284

            imageflow.js

            头像
            sheilaCat
              78152636

              说一下自己实现的大概思路吧

              请求相关数据 准备好模版大致样式

              然后把数据渲染到页面上

              需要监听的事件主要是 下面的切换按钮 和左右点击切换

              切换的时候 使用动画滚动相应的宽度

              比如当前屏 如果默认是index 那么点击后面的则index++ 前面的按总长度来进行计算 (index--) % length

              还有一点需要注意的 就是要防止用户在 画面还在切换中的时候 多次点击 这时候可以禁用掉相应的点击事件

              头像
              人定胜天
                8816
                撰写回答
                你尚未登录，登录后可以
                • 和开发者交流问题的细节
                • 关注并接收问题和回答的更新提醒
                • 参与内容的编辑和改进，让解决方法与时俱进
                推荐问题