整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
注本头条号，专注做前端
今天要分享的是一款特别的 html5/css3 焦点图效果，不依赖jquery，全程JS 手写，代码量不大，百行左右，它的特别之处在于 可以多维度的切换
谁说程序员没有情调？ 拿这个去给女票定制个专属相册吧
//
者：东起
转发链接：https://zhuanlan.zhihu.com/p/103763164
lexslider是一款基于的jQuery内容滚动插件。可以使用它轻松实现各种图片轮播效果、焦点图效果。而且可以自动播放，使用导航按钮和键盘来控制。可定制性非常高。
效果图：
具有特征：
支持图文混排，html元素。
支持滑动和淡入淡出效果。
支持水平、垂直方向滑动。
支持键盘方向键控制。
支持触控滑动。
自适应屏幕尺寸。
可控制滑动单元个数。
更多选项设置和回调函数。
Flexslider的使用方法：
首先载入jquery库文件和Flexslider插件，还有Flexslider所需的基本css样式文件。
HTML代码：
我们使用了.flexslider来包括所有需要滚动的内容元素，然后使用<ul class="slides">这个class非常关键，内部的滚动内容都是针对.slides的，然后在<li>内部加入任意html元素，包括图片和文字。
JQuery调用Flexslider插件非常简单，使用如下代码：
参数选项：
*请认真填写需求信息，我们会在24小时内与您取得联系。
