仿360极速浏览器官网前端页面

2018年1月23日19:48:22 发表评论 196

今天模仿了一个360浏览器官网的前端页面,这是一个全屏滚动很好看的一个产品介绍页面,有兴趣可以在360极速浏览器官网查看这个效果,也可以到我的github上下载这个项目,360极速浏览器官网这个产品介绍页面没有过多的内容,没有复杂的排版,几乎都是设计师做的事,我主要是用了一个swipe滑动插件,下面简要讲下要注意的。

仿360极速浏览器官网前端页面

这个项目HTML一共就2大块,一个是固定的头部,还有一个是滚动的区域,这里用到的swiper这个全屏滑动插件非常的强大,支持任何设备,效果也是五花八门,我这里主要要说的是swiper中的一个方法:mySwiper.slideNext(speed, runCallbacks),使用这个方法我们可制作自定义分页效果,你如果使用可看下swiper官网的API文档

猿梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: