jQuery+html5實現的3D動態切換焦點輪播幻燈片

今天愛編程給網友們分享一款基於jQuery+html5實現的3D動態切換焦點輪播幻燈片，支持左右箭頭和圓點按鈕播放控制，支持多種不同的3D動態切換特效，自適應全屏顯示，兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下瀏覽器。橫向全屏顯示，效果圖如下：

在線預覽   源碼下載

實現的代碼。

該幻燈片基於jquery,所以要引用jquery庫，另個還有兩個js庫分別是html5zoo.js和lovelygallery.js。這些js在實例下載里都有。

html代碼部分：

<div class="pics_wrap">
        <div id="html5zoo-1">
            <ul class="html5zoo-slides" style="display: none;">
                <li><a href="http://www.w2bc.com/">
                    <img src="images/001.jpg" /></a></li>
                <li><a href="http://www.w2bc.com/">
                    <img src="images/002.jpg" /></a></li>
                <li><a href="http://www.w2bc.com/">
                    <img src="images/003.jpg" /></a></li>
                <li><a href="http://www.w2bc.com/">
                    <img src="images/004.jpg" /></a></li>
                <li><a href="http://www.w2bc.com/">
                    <img src="images/005.jpg" /></a></li>
            </ul>
        </div>
    </div>

via:http://www.w2bc.com/Article/14230