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