中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Waterfall.js有什么用

發布時間:2021-09-26 16:43:52 來源:億速云 閱讀:129 作者:小新 欄目:開發技術

這篇文章將為大家詳細講解有關Waterfall.js有什么用,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

  jq-waterfall是一款仿Pinterest網站的響應式無限動態加載圖片瀑布流特效jQuery插件。該瀑布流特效使用ajax調用來動態加載圖片,達到無限加載的效果。它使用簡單,兼容性好,值得推薦!

  jq-waterfall使用方法

  使用這個瀑布流插件需要引入jQuery和jquery.waterfall.js文件。

  <scriptsrc="js/jquery-1.11.1.min.js"></script>

  <scriptsrc="js/jquery.waterfall.js"></script>

  jq-waterfall結構

  HTML結構

  該瀑布流特效的HTML結個使用一個<div>來包裹圖片,然后在外圍使用一個<div>作為包裹容器。

  <divid="demo">

  <divclass="box"><imgsrc="img/01.jpg"alt=""></div>

  <divclass="box"><imgsrc="img/02.jpg"alt=""></div>

  <divclass="box"><imgsrc="img/03.jpg"alt=""></div>

  ...

  </div>

  CSS樣式

  DEMO中給出了這個瀑布流的基本樣式,你可以自行修改為你需要的瀑布流樣式。

  #demo{

  margin:auto;

  position:relative;

  }

  .box{

  float:left;

  padding:10px;

  border:1pxsolid#ccc;

  background:#f7f7f7;

  box-shadow:008px#ccc;

  }

  .box:hover{box-shadow:0010px#999;}

  .boximg{width:200px;}

  插件使用Javascript來生成Pinterest樣式的網格瀑布流布局。使用ajaxCallback來在頁面向下滾動的時候對圖片進行動態加載,以達到無限瀑布流的效果。

關于“Waterfall.js有什么用”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

时尚| 垦利县| 永春县| 屏东市| 朝阳区| 三江| 南宁市| 临安市| 蒙城县| 时尚| 晋宁县| 南平市| 科尔| 峡江县| 陵水| 成武县| 固阳县| 德昌县| 九江县| 通海县| 明水县| 泸溪县| 刚察县| 泾川县| 久治县| 新竹市| 克拉玛依市| 莱芜市| 松滋市| 临桂县| 昭平县| 荣昌县| 沾化县| 铁岭县| 通辽市| 托克托县| 兰溪市| 克什克腾旗| 磐石市| 莱州市| 当阳市|