图片/图形
超酷3D包装盒封面旋转jQuery特效
PetitQ
3DCoverjQuery 是一款效果非常炫酷的 3D 包装盒封面旋转 jQuery 特效插件。通过这个插件，你可以很轻易的将图片制作为 DVD，XBOX，游戏和书本的封面，并且可以旋转封面来查看它的正面和反面。
使用方法
在页面中引入 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 结构
该封面特效的 HTML 结构使用一个<div>来包裹一张图片。
<div id="cover3">
<img src="img/avengers-dvd-cover-1.jpg"/>
</div>
初始化插件
在页面 DOM 元素加载完毕之后，可以通过 CoverTresD()方法来初始化该封面特效插件。
$('#cover3').CoverTresD();
配置参数
该封面特效只有一个可配置的参数 color。它是封面的边框颜色。
{ color:"#FF0" /*Border Color */}
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
