客服
jQuery+html5實(shí)現(xiàn)的3D焦點(diǎn)輪播幻燈片(html5zoo.js html5zoo-slides)
今天西安蟠龍網(wǎng)絡(luò)小編分享一款基于jQuery+html5實(shí)現(xiàn)焦點(diǎn)輪播幻燈片，自適應(yīng)全屏顯示，支持不同的3d動(dòng)態(tài)切換特效，兼容基本所有的瀏覽器，但不支持IE8及以下瀏覽器。
該幻燈片基于jquery，所以要引用jquery庫(kù)，另外還需要引入兩個(gè)js：htmlhtml5zoo.js和lovelygallery.js
<ul class="html5zoo-slides" style="display:none;"><li><img src="a.jpg" class="html5lightbox" /></a></li><li><img src="b.jpg" class="html5lightbox" /></a></li></ul>
功能特點(diǎn)：
9個(gè)3D＆2D轉(zhuǎn)換與過(guò)渡畫(huà)廊！
易于使用的視覺(jué)過(guò)渡建設(shè)者 -創(chuàng)建自己的自定義轉(zhuǎn)換，并用它與滑塊！
（大多是獨(dú)特的）功能（YouTube和Vimeo的視頻，自動(dòng)暫停幻燈片自動(dòng)播放和自動(dòng)預(yù)覽圖像，如果視頻正在播放，暫停懸停，圖像預(yù)壓，回路，
支持視頻播放（優(yōu)酷等）。
支持所有主要的瀏覽器（包括IE7-11，我們建議您使用Chrome瀏覽器，Safari或Firefox）。
翻譯插件的支持（如qTranslate）創(chuàng)建多語(yǔ)言滑塊。（未提供）
皮膚編輯器，你可以修改皮膚從您的WordPress管理。（未提供）
支持wordpress，discuz、phpcms、dedecms等。（未提供）
內(nèi)置功能強(qiáng)大的API。（未提供）
在一個(gè)頁(yè)面上的多個(gè)滑塊。
20套（可擴(kuò)展和替換）皮膚支持。（未提供）
分層的皮膚文件中包含PSD格式。（未提供）
幻燈模板。（未提供）
幻燈模塊（可無(wú)限擴(kuò)展）功能。
開(kāi)發(fā)者文檔。（未提供）
免費(fèi)的支持和未來(lái)的自動(dòng)更新功能更新。（未提供）
下載地址：（里面有兩個(gè)演示可以參考）
相關(guān)文章：
-
matchHeight使所有選定元素的高度完全相等。 盡管這曾經(jīng)是一個(gè)棘手的問(wèn)題，但如今建議在可能的地方使用CSS Flexbox和CSS Grid，盡管該庫(kù)對(duì)于舊版瀏覽器仍然有用。 特征 自動(dòng)匹配元素組的高度 使...
-
用來(lái)兼容jquery1.7 版本， jquery版本之間有一些方法可能不同或廢棄，會(huì)有報(bào)錯(cuò)， 可以引入一個(gè) jquery-migrate.min.js 來(lái)兼容。 比如1.9版本對(duì)于 live()，die()，toggle()，sub()，$.browser 等等都已經(jīng)不支持了...
-
1.breakpoints.js是什么？ breakpoints.js是一個(gè)jQuery插件。定義響應(yīng)性設(shè)計(jì)的斷點(diǎn)，Breakpoints.js 將在瀏覽器進(jìn)入和/或者退出斷點(diǎn)時(shí)消除自定義事件。 breakpoints下載文件夾中readme.txt文件中有這么一句話...
-
query事件加載的方法 代碼如下: 寫(xiě)法一：$(function(){}); 寫(xiě)法二：window.onload=function(){} ； 或者$(window).load(function(){}); $(window).load(function(){ ... //此處省略N行 var w = $(this).width(); ... //此處省略N行 });...