这个焦点图效果怎么做的

阅读 3.5k
3 个回答

你说那个放大效果么?使用CSS3就可以做。
使用transform的scale就可以做

4个轮播图拼的,有没有拼好的插件不知道。
找一个单独的轮播图的就能做。公用翻页按钮和焦点就好了。
然后调一下代码。
这种插件有很多,有些库里就有。
图片描述

大致看了一下,
京东这种方式:
首先整体布局 4个div中4个ul, ul中有两组相同的li,
clipboard.png

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

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

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

当然这只是一种处理方法

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