|
|
马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 不二如是 于 2018-10-26 15:24 编辑
轮播图是网页设计中很常用的一个部分，可以让用户滚动呈现内容。
弹出层用来凸显某些重要文本。
初学者可以直接拿来用，如果有兴趣可以深入了解，自己一步一步实现一下～
废话不多说，进入正题
轮播图
1、swiper
Swiper常用于移动端网站的内容触摸滑动。
Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。
Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
Swiper拥有灵活的progress，这是自定义制作3D切换效果的利器
Swiper制作3D切换效果的方法多种多样。cube、coverflow和flip可以轻松的实现3D过渡，如果你想制作其他新颖的切换方式，推荐使用progress。
progress可以帮助你获取到滑块的进度索引。
在Swiper上加些小动画，制作时下最流行的微展示
使用Swiper再配合一些你喜欢的小动画，你的图片立即变成活灵活现的微场景、微海报。
常用的制作动画的方法有CSS3、TweenMax、animate.css等。也推荐使用我们的Swiper Animate小插件，无需学习即可快速制作出精美的切换动画效果。
Swiper Animate有大量的demo，下载后进行简单修改即可，是伸手党的最爱。
2、baguetteBox.js
baguetteBox.js 是一个简单和易于使用的响应式的图像Lightbox 插件，支持滑动手势在移动设备上使用。
纯JavaScript 实现，不依赖第三方库和插件，赶紧来体验吧。
弹出层
1、Popper.js
Popper.js 是一个扩展性较好的 tooltips 提示类 JS 插件，不需要依赖 jQuery 库，大小仅为 3.5KB 左右。
使用与配置相当简单，若你的 Web 网站有这个需要，可以尝试使用这个该特效插件。
自定义提示方向：
支持拖拽移动：
滚动容器显示：
如果有帮助，别忘了评分 ：
|
|
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2018-10-26 14:04:09
置顶卡
千斤顶
显身卡