3DCoverjQuery是一款效果非常炫酷的3D包裝盒封面旋轉(zhuǎn)jQuery特效插件。通過這個插件，你可以很輕易的將圖片制作為DVD，XBOX，游戲和書本的封面，并且可以旋轉(zhuǎn)封面來查看它的正面和反面。
使用方法
在頁面中引入jQuery和bootstrap.min.css以及Cover3D.css和Cover3D.js文件。
- <!-- Bootstrap and JQuery -->
- <link rel="stylesheet" href="bootstrap.min.css">
- <script src="jquery-2.1.4.min.js"> </script>
-
- <!-- Plugin -->
- <link rel="stylesheet" href="Cover3D.css">
- <script src="Cover3D.js"></script>
HTML結(jié)構(gòu)
該封面特效的HTML結(jié)構(gòu)使用一個<div>來包裹一張圖片。
- <div id="cover3">
- <img src="img/avengers-dvd-cover-1.jpg"/>
- </div>
初始化插件
在頁面DOM元素加載完畢之后，可以通過CoverTresD()方法來初始化該封面特效插件。
- $('#cover3').CoverTresD();
配置參數(shù)
該封面特效只有一個可配置的參數(shù)color。它是封面的邊框顏色。
- { color:"#FF0" /*Border Color *
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。