javascript - 这个焦点图效果怎么做的

 尊园2010_630 发布于 2022-11-16 01:12

https://z.jd.com/sceneIndex.h...

京东众筹首页焦点图怎么做的,有类似的插件吗

3 个回答
  • 大致看了一下,
    京东这种方式:
    首先整体布局 4个p中4个ul, ul中有两组相同的li,

    每次每个ul 移动一个p宽度的li通过控制ul 的left当第一组li 移出视线的时候既

    1. 向右移到马上下一张为第二组第一张的时候 马上切换到left: 0

    2. 向左当前为第一张时马上切换至 left: (ul长度的一半+一个li的宽度), 既第二组图的第一张再向右继续滑动

    当然这只是一种处理方法

    2022-11-16 02:22 回答
  • 4个轮播图拼的,有没有拼好的插件不知道。
    找一个单独的轮播图的就能做。公用翻页按钮和焦点就好了。
    然后调一下代码。
    这种插件有很多,有些库里就有。

    2022-11-16 02:22 回答
  • 你说那个放大效果么?使用CSS3就可以做。
    使用transform的scale就可以做

    2022-11-16 02:22 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有