整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
注本頭條號，專注做前端
今天要分享的是一款特別的 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小時內與您取得聯系。
