使用html5+css3+jquery实现仿天猫首页

天猫首页.gif

效果图如上

分别实现仿天猫首页布局 及使用jquery实现动态效果
jquery实现

  1. 滑动条滑动到一定位置出现导航吸顶效果


    图片.png

    图片.png
  2. 滑动条滑动到一定位置出现楼层导航 点击也可到相应的楼层

![图片.png](https://upload-images.jianshu.io/upload_images/13475295-
abac8a0bbf97a4a0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

图片.png

  1. 点击回到顶部
    图片.png

  1. 天猫二级导航功能
    图片.png

  1. 选项卡
    图片.png

[图片上传失败...(image-ddf529-1544673207754)]

  1. 轮播
    图片.png

由于html和css代码较多 不便上传 如果要的话可以私信我 ^^

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容