如何在jquery中实现这个效果?

时间:2017-11-24 07:47:46

标签: jquery

https://upperinc.com/previews/wp/swape/demo1

带有应用UI图像的第二张幻灯片。当您将鼠标悬停在滑块上时,它们滑入的方式然后间距会发生变化。看起来它只是使用一些jquery效果在div中的三个图像。这种效果有特定的名称吗?在检查源时,如何找到他们用于该效果的代码?

1 个答案:

答案 0 :(得分:0)

效果本身只是一个简单的slideIn,特别是slideInUp。此网站可能会使用自己的代码,但如果您不想轻松使用,请使用animate.css

对于animate.css-usage:

  • 只需向timeout
  • 添加.addClass即可
  • 重新制作图片
  • 给他们一个合适的z-index或使用html-order来确定最上面的