亚游国际集团,亚游国际游戏官网,亚游国际下载

亚游国际集团,亚游国际游戏官网,亚游国际下载 > 产品展示 >

利用jQuery简单实现产品展示图片左右滚动功能(示

2020-05-20 08:54

  最近要做一个产品展示功能,由于产品比较多,一屏展示不完,所以想要做一个通过点击进行翻页的效果,在网上找了几个都不大好用,最后只能自己动手写了。

  原理比较简单:将要滚动显示的区域的CSS的override设为hidden,宽度设成一个比较大的值,如4000px,然后每次点击上一页或下一页的按钮时,计算当前页数,如果已经到了最后一页,则回到第一页,滚动是通过控制div的left属性实现的,需要两个div,外面的div的position设为retative,里面的DIV的position设为absolute。

  if(page == 1 ){ //已经到第一个版面了,如果再向前,必须跳转到最后一个版面。