溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

基于Jquery的圖片自動(dòng)分組且自適應(yīng)頁(yè)面的縮略圖展示特效

發(fā)布時(shí)間：2020-08-28 10:38:09 來(lái)源：網(wǎng)絡(luò) 閱讀：508 作者：m22543 欄目：web開發(fā)

基于Jquery的圖片自動(dòng)分組且自適應(yīng)頁(yè)面的縮略圖展示特效

今天分享的是一款基于Jquery的圖片自動(dòng)分組且自適應(yīng)頁(yè)面的縮略圖展示特效，通俗一點(diǎn)說(shuō)就是JS相冊(cè)，不過(guò)是用JQuery做的，相當(dāng)不錯(cuò)！

This experimental jQuery plugin allows the automatic grouping of thumbnails using a pile effect. The thumbnails will group according to their shared data-pile attribute and once clicked, the pile will disperse and its thumbnails fly to their positions. The thumbnails can be slightly rotated or positioned with a delay.

這個(gè)實(shí)驗(yàn)性的JQuery插件允許自動(dòng)分組縮略圖使用樁特效?？s略圖會(huì)根據(jù)他們共同的data-pile屬性和一次點(diǎn)擊，樁將分散和其縮略圖飛到他們的立場(chǎng)?？s略圖可以稍微轉(zhuǎn)動(dòng)或定位與延遲。

The grid itself is adaptive, meaning that if there is not enough horizontal space considering the width and the gutter of the items, the column count will decrease and the grid will re-order.

網(wǎng)格本身是自適應(yīng)的，意思是如果沒有足夠的水平空間考慮寬度和排水溝的物品，列數(shù)將減少和網(wǎng)格將排序。

預(yù)覽地址：http://www.sitejs.cn/download/jquery/yulan/Stapel/

下載地址：http://www.sitejs.cn/sitejs-15591-1.html

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手